Cobalt Lagoon color palette — #F6EAE3 · #93BCA6 · #2077C5 · #005B4A · #18164A

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EAE3): a clean, paper-quiet neutral.
• Sage (#93BCA6): A luminous, dusty teal — the color of sea glass.
• Azure (#2077C5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#18164A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Forest Grove color palette (#F2E4E0, #76C0BE, #0081A0, #005E1A, #00203E)
• Hushed Cobalt color palette (#F7ECE4, #A2D0BF, #6683CA, #006C68, #322256)
• Indigo Alley color palette (#E8DED3, #90B5DB, #6369C6, #00585E, #2E034A)
• Sunlit Cobalt Alley color palette (#FFF0F9, #8AD9F2, #147ECE, #005342, #08052B)
• Denim Station color palette (#DAE7DC, #56ABC6, #005E86, #003E3E, #00203F)
• Quiet Pine color palette (#FFF2EE, #85DCDD, #009BC3, #007830, #003264)
• Antique Harbor color palette (#F9E2EE, #DDB3D5, #EB8382, #006A8F, #311D40)
• Indigo Chapel color palette (#E6E8FC, #675FDB, #5A7400, #006235, #0E0932)

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