Mustard Lagoon color palette — #FFF2EC · #BEB368 · #439785 · #7F507E · #3E3E36

Gold and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Gold (#BEB368): A luminous, balanced green — the color of fresh herbs.
• Fern (#439785): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#7F507E): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#3E3E36): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Jade Station color palette (#FEF0FD, #E1CB7F, #00AB84, #884A7A, #17392F)
• Softworn Garden color palette (#FFF2EF, #A0CC9A, #639CAC, #8B6072, #424B39)
• Driftwood Harbor color palette (#FFF3E7, #E29F82, #7E8F48, #625996, #413C36)
• Marigold Study color palette (#FDF4E4, #C3A04A, #4A84BD, #84485E, #572538)
• Weathered Aubergine color palette (#E8FBEC, #8CA15D, #147C58, #523E88, #164640)
• Wandering Jade color palette (#FFF4E2, #B9D380, #38BF8B, #8476B8, #3D3E37)
• Wandering Bronze color palette (#FDF4E7, #CDC59C, #6B9D77, #916929, #4D4200)
• Clover Pier color palette (#FFF2ED, #00C780, #0088BC, #95363D, #003F3A)

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