Cobalt Lagoon color palette — #FEF2ED · #ACCFB6 · #1083AF · #00624F · #233C59
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2ED): a clean, paper-quiet neutral.
- Pistachio (#ACCFB6): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#1083AF): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00624F): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#233C59): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt 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
- Wandering Grove color palette (#FAF4EE, #A4D0C1, #5176C0, #005E66, #4E2F42)
- Aqua Parlor color palette (#FFF2EB, #45CECD, #007B91, #005936, #003752)
- Weathered Cerulean color palette (#E5F6F3, #A0D0E4, #0B8AA5, #005B5C, #002436)
- Turquoise Field color palette (#F5F6ED, #B9DFC5, #3BA4C0, #027B7E, #084154)
- Sapphire Loft color palette (#F5EDE6, #89B8D6, #2B65BD, #004F53, #28294D)
- Timeworn Cerulean color palette (#EDDED7, #418C9E, #004160, #00231D, #00071F)
- Tempered Lilac color palette (#E0FEEA, #C2DEFF, #A69CE6, #177867, #2E493D)
- Hazy Rust Ridge color palette (#E4F3E8, #009FB3, #C1521E, #00626F, #512918)
Browse the whole catalog at Explore, or see today's palette.