Mustard Coast color palette — #FFF5D6 · #CDC52D · #6583E9 · #817B00 · #26356F

Saffron and Periwinkle set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF5D6): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#CDC52D): A luminous, vivid green — the color of new leaves after rain.
• Periwinkle (#6583E9): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#817B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#26356F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Lime Courtyard color palette (#FAF7D6, #A6D244, #9387FE, #577400, #382B78)
• Muted Cornflower Bloom color palette (#FFF3E6, #FFAB35, #0090E9, #A56800, #003D67)
• Sunlit Violet Garden color palette (#E8DEBE, #B5AE28, #8D56C4, #6B6600, #361255)
• Linen Corridor color palette (#F5F7E6, #92C88E, #CA8CC5, #559152, #553553)
• Soft Garden color palette (#E4FDE8, #F9BD26, #E47CFF, #A07600, #421B4C)
• Wisteria Courtyard color palette (#F1F9DE, #5BDD8F, #C672E1, #007D44, #512360)
• Soft Market color palette (#FFF5D5, #D2CC00, #00CEDC, #A19C00, #004348)
• Linen Indigo Parlor color palette (#F1EFBA, #BDB52F, #B863C2, #6B69E2, #353200)

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