Lagoon Lagoon color palette — #F1F7F2 · #D0E2F4 · #89BACD · #59947D · #395767
A conversation between Fern and Ash, giving this palette its sense of calm and sophistication.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#D0E2F4): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#89BACD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Fern (#59947D): A luminous, dusty teal — the color of glacier melt.
- Peacock (#395767): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Lagoon 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
- Ancient Coast color palette (#F8F3F8, #D1E2F1, #68A3B6, #4F7B50, #3D556D)
- Timeworn Glacier Garden color palette (#FBF3F1, #C0E2E6, #84D4ED, #88AE87, #34514A)
- Muted Boulevard color palette (#E3F0E6, #44A2AA, #006377, #003C33, #000B13)
- Ancient Taupe Studio color palette (#F5F3FF, #CE9DD4, #C19F5D, #5E9FA4, #433F54)
- Muted Cerulean color palette (#E9F1EA, #97CEE4, #368EC5, #006B70, #0B2E56)
- Ash Lagoon color palette (#F5F3FF, #E4D6DF, #B7B3A9, #9A9FC7, #554F5F)
- Quiet Cobalt color palette (#D7E5D9, #8DB6DC, #4A72BE, #00566B, #171846)
- Weathered Lilac color palette (#F4F4FF, #D5B8E1, #97BE8E, #A479B5, #2E5550)
Browse the whole catalog at Explore, or see today's palette.