Cobalt Lagoon color palette — #FAEFE8 · #A5D4BD · #497DBF · #005D50 · #1D1B3D

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#FAEFE8): bright and airy, almost weightless.
• Pistachio (#A5D4BD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#497DBF): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#1D1B3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Dusty Cobalt Pier color palette (#FAF4EB, #A3D1BB, #317FB2, #005F64, #4A304A)
• Cornflower Workshop color palette (#F8F0E8, #A0D7FF, #5978EB, #006261, #2A1B45)
• Patina Villa color palette (#F2E6E3, #73C3C1, #007793, #005015, #00162F)
• Patina Azure Hollow color palette (#FDF1F8, #A8DEF4, #6A98CF, #247C6B, #2F3956)
• Muted Pier color palette (#F6E3DD, #50979A, #00516A, #002E12, #000411)
• Hazy Orchid color palette (#FFDDE3, #A15EA9, #007F7B, #006678, #240A11)
• Hushed Coast color palette (#F2E5DA, #3782A4, #003583, #00201C, #010009)
• Powdered Orchard color palette (#F6EDE5, #6EA4C5, #244BBD, #003A37, #0E0225)

Browse the whole catalog at Explore, or see today's palette.