Cerulean Basin color palette — #F5F6EC · #B3F3F6 · #22A3B4 · #006B63 · #00232B

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sea Foam (#B3F3F6): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#22A3B4): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006B63): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Basin 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 Lantern color palette (#ECEFDF, #6DADBE, #005E77, #002B2E, #000103)
• Aged Cypress color palette (#F5F6EE, #B9E3EF, #63B3CB, #047E81, #093727)
• Washed Azure Orchard color palette (#F3F7ED, #D7DFFC, #5896D7, #006586, #041C44)
• Tempered Drift color palette (#F4F7EC, #92D7F0, #0085B2, #00505A, #000E1A)
• Turquoise Lantern color palette (#F8ECE5, #BBDEBF, #07B6DF, #00956A, #003150)
• Lagoon Bloom color palette (#F5F6EE, #C1DEE5, #9CCFC9, #5C9F9D, #355545)
• Aged Powder color palette (#F4F6EF, #C1DEEE, #86C2F0, #418DA4, #4C364F)
• Hushed Sapphire Villa color palette (#EBF0E2, #88BDEB, #1267BC, #003A51, #000111)

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