Lagoon Ridge color palette — #F9F4ED · #89D5CF · #008893 · #1B6148 · #204331
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Lagoon (#89D5CF): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#1B6148): A full-bodied, balanced teal — the color of sea glass.
- Forest (#204331): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Lagoon Ridge 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
- Cerulean Hollow color palette (#FEF4E4, #7CE0EE, #008DAE, #00685C, #034564)
- Forest Terrace color palette (#FBEFE9, #B6D0B3, #008B9E, #065F32, #002435)
- Petrol Field color palette (#F5EDE1, #66BFD8, #00719B, #00504E, #003054)
- Muted Coast color palette (#EBF9F5, #C7DEF2, #4DC6C9, #00A388, #004349)
- Lagoon Boulevard color palette (#EBE2D5, #009394, #00454F, #00231A, #000B11)
- Hushed Ash color palette (#F9F4ED, #C1EFF5, #809AC5, #567865, #5F4B59)
- Dusty Lagoon color palette (#FFF0FD, #DCDBFF, #CB9BDB, #45708B, #52374A)
- Azure Bloom color palette (#D2EDF6, #00A5E1, #006DAD, #254680, #3C2D53)
Browse the whole catalog at Explore, or see today's palette.