Mustard Terrace color palette — #CFEAD4 · #FEAE34 · #A7ABFF · #3A3B64 · #1A2137

Saffron and Lavender set the tone — five colors that lean into optimism and creativity.

The five colors

• Celadon Mist (#CFEAD4): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#FEAE34): A luminous, balanced gold — the color of honey in a jar.
• Lavender (#A7ABFF): A luminous, balanced violet — the color of a velvet chair.
• Navy (#3A3B64): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#1A2137): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Sand Field color palette (#CFFFEC, #FFDCA0, #C1CDFF, #21284E, #190E16)
• Muted Mallow color palette (#FAE0C3, #FFACAC, #E29EFF, #694B76, #211F2E)
• Patina Studio color palette (#E7EAD7, #FFA2B4, #31C4FA, #063E52, #12242F)
• Timeworn Iris color palette (#F5E8CE, #44DCFB, #8D8EE9, #2D3753, #161B29)
• Aged Field color palette (#EAE9CF, #00EED4, #C77BE9, #4C3059, #22212D)
• Linen Celadon Market color palette (#B7F67A, #A9E0FF, #C191E9, #414159, #2C2C37)
• Driftwood Corridor color palette (#F7F3FE, #E9D4DD, #D0B8BC, #AF6C9F, #433B51)
• Peony Harbor color palette (#E3EED2, #64CBFF, #E83EBC, #451C38, #191222)

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