Mustard Lagoon color palette — #CFF0E2 · #DCC100 · #8CB4FF · #263B64 · #241A23

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

The five colors

• Honeydew (#CFF0E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Saffron (#DCC100): A luminous, vivid green — the color of a quiet forest floor.
• Sky (#8CB4FF): A luminous, balanced violet — the color of twilight just after sunset.
• Navy (#263B64): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#241A23): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

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

• Soft Marigold Harbor color palette (#D7EBD4, #FFAC5A, #78B9FF, #13375B, #2B1E2D)
• Chalky Wisteria Courtyard color palette (#C6E6DF, #FDA33D, #BE8AFF, #3F2D49, #23242E)
• Onyx Villa color palette (#D2FFE4, #FFDAB0, #CCC9FF, #2D2853, #0B1023)
• Wandering Seafoam Market color palette (#E3EFD7, #00F0BF, #A58FE9, #3E335E, #2C1822)
• Aged Peony color palette (#D1EDE4, #00D3FD, #E840B9, #491339, #2B1012)
• Aged Harbor color palette (#EEEBDC, #FFB182, #FF95D3, #764963, #2D1D1D)
• Tempered Mint Parlor color palette (#ECEBDC, #00D987, #9171E9, #2C2447, #170C12)
• Washed Peony color palette (#FEF1F2, #E3D8CD, #D0C29C, #B764A5, #4E3A3B)

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