Cobalt Lagoon color palette — #FBF2F8 · #A7CBDC · #377FAE · #006345 · #2B3861
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Sky (#A7CBDC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#377FAE): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006345): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2B3861): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Cerulean Atelier color palette (#F5F1EB, #AED2BA, #1F87AD, #005C57, #00233A)
- Cypress Summit color palette (#FDF2F6, #C6E0F4, #728AB9, #00716B, #404662)
- Hushed Sapphire Canyon color palette (#F7EBEF, #94B6D2, #4762B5, #00504E, #32244E)
- Washed Chapel color palette (#D8E5FF, #626DD5, #6E7300, #2B632C, #23284A)
- Patina Stone Coast color palette (#F0F6FF, #DCDDFF, #EAA09D, #2D7A93, #353959)
- Navy Ridge color palette (#E8DAE3, #3A8CA3, #003E6C, #00231A, #06002C)
- Dusty Pier color palette (#FAF3F0, #C7EAD2, #5BBCFA, #3BA179, #2D395C)
- Linen Studio color palette (#CEE7EE, #4F97DD, #5061BD, #4A388C, #513058)
Browse the whole catalog at Explore, or see today's palette.