Mustard Coast color palette — #F9F3FA · #FFC3C7 · #CAAC23 · #E77D88 · #16291E

Built around Gold, softened by Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Shell Pink (#FFC3C7): A whisper-light, dusty red — the color of embers at dusk.
• Gold (#CAAC23): A luminous, balanced green — the color of fresh herbs.
• Rose (#E77D88): A luminous, balanced red — the color of embers at dusk.
• Onyx (#16291E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Mustard Coast 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

• Softworn Mustard color palette (#FAF3F7, #FFD3BE, #B3C166, #DD9877, #20322C)
• Softworn Apricot Boulevard color palette (#F7F3FC, #FFBEE6, #F8901D, #D681B7, #2F1E25)
• Muted Taupe Studio color palette (#FDF2F1, #FAD2CE, #A0A450, #BC6D8D, #171202)
• Moss Chapel color palette (#F7F3FB, #F0ADCD, #9E9200, #B4608B, #1A2821)
• Pale Delta color palette (#FBEDF7, #FFAA92, #AE9C00, #F74500, #151200)
• Pale Lime Parlor color palette (#FFF1F5, #FFC17A, #78BE00, #D58600, #00231D)
• Quiet Lantern color palette (#FFE9E6, #FFBD9D, #E69B42, #9F7A00, #433D00)
• Washed Marigold color palette (#EAFAED, #FFB294, #CE9B2E, #368FA0, #4C3640)

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