Linen & Marmalade

Soft warmth meets cool restraint, like morning light filtered through aged linen and touched by autumn spice.

Colors

~White#FFFFFF
~White#FFFFFF
~Nude Lips#BD948A
~Clean Slate#5E7494
~Snowflake#EFEFEF
~White#FFFFFF
~Toasted Husk#E6905E
~Minion Yellow#FCCC4F

Psychology

The triadic harmony between warm reds, cool blue, and vivid yellow creates visual interest without aggression, as the high proportion of near-white neutrals and muted tones keeps the palette feeling restrained and grounded. Warm hues naturally advance while the cool blue recedes, producing depth and gentle spatial tension that reads as sophisticated rather than jarring. Low saturation dominance across the palette signals calm and refinement, inviting rather than demanding attention.

Usage

Suited to artisanal skincare branding, heritage textile packaging, and gallery wall systems where soft contrast supports readability without visual strain. The mixed temperature profile and moderate contrast work particularly well in editorial layouts and print collateral for lifestyle brands that balance warmth with understated elegance. The palette's neutrality anchors the warmer accent tones, making it ideal for projects requiring both approachability and tasteful restraint.

Code

CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 14%,
    #bd948a 29%,
    #5e7494 43%,
    #efefef 57%,
    #ffffff 71%,
    #e6905e 86%,
    #fccc4f 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #ffffff;
  --color-gradient-2: #ffffff;
  --color-gradient-3: #bd948a;
  --color-gradient-4: #5e7494;
  --color-gradient-5: #efefef;
  --color-gradient-6: #ffffff;
  --color-gradient-7: #e6905e;
  --color-gradient-8: #fccc4f;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #ffffff;
--color-2: #ffffff;
--color-3: #bd948a;
--color-4: #5e7494;
--color-5: #efefef;
--color-6: #ffffff;
--color-7: #e6905e;
--color-8: #fccc4f;
Hex values
#ffffff, #ffffff, #bd948a, #5e7494, #efefef, #ffffff, #e6905e, #fccc4f

Building something? Get this palette via the REST API.

History

Similar palettes

Caramel Linen Hour
Wheat Field Glow
Buttercream Lagoon
Porcelain & Cobalt
Kiln Ember Dusk
Terracotta Linen Rest
Celadon Reverie
Pastel Lagoon
Peach Hour