Emerald Lagoon color palette — #F3F4FF · #D1B9FF · #B68B00 · #33A05E · #31214A

A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D1B9FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Mustard (#B68B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Kelly Green (#33A05E): A luminous, balanced teal — the color of shallow lagoons.
• Deep Indigo (#31214A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Emerald 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

• Gentle Mallow Courtyard color palette (#F4F4FF, #D89FFF, #A28300, #009068, #0B223C)
• Frosted Moss color palette (#F1F5FF, #A6A8FF, #DB963A, #5B9D28, #26264D)
• Aged Drift color palette (#F6F3FF, #FFA1F2, #8D9C25, #009E8F, #3E1E3A)
• Misty Ridge color palette (#F8F2FF, #FE88D5, #C68C00, #008973, #1F256D)
• Antique Mallow color palette (#DEFFE5, #FC99E7, #E57782, #448D48, #4F253A)
• Hazy Study color palette (#F5F3FF, #CA68D4, #A08400, #7A6400, #3C1D40)
• Muted Orchard color palette (#FFD9E0, #FF90AA, #009D4E, #00899D, #3A0B1A)
• Fuchsia Harbor color palette (#FFF1F2, #EA72D5, #DD6A60, #2F7B00, #2D0D28)

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