Mustard Field color palette — #FFD2F1 · #B8C9FF · #D5BC00 · #322F29 · #1C1913

Built around Saffron, softened by Lilac Frost — the whole palette hums with nature and growth.

The five colors

• Thistle (#FFD2F1): A whisper-light, dusty pink — the color of peonies in June.
• Lilac Frost (#B8C9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Saffron (#D5BC00): A luminous, vivid green — the color of fresh herbs.
• Espresso (#322F29): a grounded near-black with real depth.
• Ink (#1C1913): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Mustard Field into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Marigold Orchard color palette (#99EFFF, #D3DAFF, #E9921B, #3A352F, #1F1B17)
• Muted Study color palette (#FFD9E6, #91E6FF, #FEBE51, #424F43, #2B312B)
• Worn Pier color palette (#F2D6EF, #FFB991, #00B84A, #242711, #15160E)
• Tempered Lime color palette (#D7E5FF, #10EDF0, #90D472, #404A3E, #31312C)
• Chalky Station color palette (#F9E0F2, #8EABFF, #8DA100, #1C2100, #0D0B03)
• Patina Market color palette (#EBEDFF, #00E6F3, #FF9F7A, #352F2B, #1C1613)
• Fern Pier color palette (#F3F2EA, #DDBE93, #5D6739, #32312A, #16140A)
• Olive Delta color palette (#F3F2EB, #C0CA8D, #368EB1, #6E7927, #0B1913)

Browse the whole catalog at Explore, or see today's palette.