Cerulean Quarry color palette — #EDF9EF · #B5F2F8 · #00A2C3 · #006B5D · #002232

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sea Foam (#B5F2F8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006B5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002232): 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 Quarry 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

• Azure Hollow color palette (#EEF8F0, #D2DFFD, #5396DB, #006876, #0A1949)
• Dusty Lagoon color palette (#DAE7DD, #74ACBE, #005B82, #002B2C, #000104)
• Worn Study color palette (#E9F8FF, #D6DAE5, #B5C8FF, #008A86, #002334)
• Patina Cobalt Grove color palette (#EDF9EF, #96D6F1, #0082C2, #005155, #000C23)
• Petrol Grove color palette (#F4EEE4, #79BFC6, #00748C, #005145, #003248)
• Muted Ember color palette (#E8F8FF, #26BFD1, #ED594F, #00707D, #360001)
• Faded Peony Thicket color palette (#E9F8FF, #00A3BE, #C547B0, #7E6900, #000F14)
• Tempered Teal color palette (#9AF5DC, #00C1B9, #00888F, #004C5A, #002836)

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