Lagoon Coast color palette — #E5F0B9 · #90BC9A · #338781 · #5F557A · #633A3F

Fern takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#E5F0B9): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#90BC9A): A luminous, dusty teal — the color of sea glass.
• Fern (#338781): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#5F557A): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#633A3F): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Muted Denim color palette (#FFEBBC, #A9B575, #528D62, #47588E, #65365F)
• Lichen Veranda color palette (#C6FAD1, #74B2A8, #648C76, #774C52, #653423)
• Softworn Cocoa color palette (#FFE5DD, #A8CBB4, #619F7E, #9B6168, #6D3422)
• Washed Mulberry Thicket color palette (#F7E1D7, #C7AC79, #678361, #882E49, #46220F)
• Timeworn Cocoa color palette (#D7EAE8, #4CA5B8, #3F6DA3, #773744, #712700)
• Cocoa Parlor color palette (#E5FDE6, #B1CEC1, #A28CA1, #81655D, #76400F)
• Lagoon Atelier color palette (#D1E6D8, #468D82, #266676, #512C4C, #441B22)
• Airy Corridor color palette (#DCF1B4, #A1DAAD, #2BC2B2, #8F79BB, #61365A)

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