Lagoon Coast color palette — #F1DCE5 · #008E7A · #00618A · #5B2C00 · #000405
A conversation between Fern and Peacock, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#F1DCE5): A whisper-light, dusty rose — the color of a warm blush.
- Fern (#008E7A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#00618A): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#5B2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#000405): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Emerald Boulevard color palette (#FBE6F5, #20913D, #00666F, #720017, #000503)
- Weathered Cocoa color palette (#D3EDE2, #3E919F, #50688D, #683A00, #111200)
- Worn Basin color palette (#C8E9D2, #008A99, #2749C6, #483800, #000407)
- Grape Workshop color palette (#CBEEED, #008853, #5931BC, #532B00, #010200)
- Petrol Courtyard color palette (#D2EDEA, #007080, #00364E, #150027, #000102)
- Pine Boulevard color palette (#DBF3DF, #888F40, #24750B, #00544E, #060700)
- Grape Lantern color palette (#D4E8E5, #0094CC, #723DD9, #404F00, #000A20)
- Indigo Studio color palette (#DBEAE4, #00AAC5, #576BD4, #615600, #001927)
Browse the whole catalog at Explore, or see today's palette.