Lagoon Coast color palette — #E6F5F8 · #368D83 · #28404A · #192C30 · #10171A
A conversation between Fern and Deep Teal, giving this palette its sense of sophistication.
The five colors
- Ivory (#E6F5F8): a clean, paper-quiet neutral.
- Fern (#368D83): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#28404A): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#192C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#10171A): quiet, heavy and certain.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Midnight Petrol color palette (#CFE5EE, #007682, #002F43, #001C20, #010710)
- Patina Teal Quarry color palette (#ECF5E8, #3DB19F, #3F6052, #323B2E, #21221C)
- Patina Station color palette (#EBF6E8, #0FD2C2, #6F8174, #4F574D, #20221E)
- Twilit Corridor color palette (#E3F2FF, #004A70, #241D24, #010931, #000308)
- Timeworn Olive Veranda color palette (#EBF7FF, #67A1BA, #AF7593, #7C7A36, #2C4655)
- Lagoon Studio color palette (#EBF8F6, #A7C8C8, #578D80, #3E7169, #3B5252)
- Washed Petrol Harbor color palette (#EAF8FF, #82BACC, #C5886C, #007F9B, #614254)
- Deep Ultramarine color palette (#DCE8FF, #3A3BD6, #250F44, #060135, #040312)
Browse the whole catalog at Explore, or see today's palette.