Cerulean Quarry color palette — #F0F8F1 · #D6DCF5 · #84A7D5 · #3B8697 · #374867

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#D6DCF5): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#84A7D5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3B8697): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#374867): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Washed Powder color palette (#F8F5EF, #C1E2F5, #8CBEFE, #2190A7, #4E3649)
• Tempered Hollow color palette (#FCF2F6, #C9DFF3, #7387C3, #007170, #414565)
• Weathered Petrol color palette (#D7E3D9, #7DBEC7, #0081A1, #005A51, #002235)
• Dusty Bloom color palette (#F4F4FF, #BC8FDA, #C78A38, #009A95, #36344E)
• Washed Thicket color palette (#DAE9DC, #569DB7, #005E8B, #003B3D, #00091B)
• Chalky Cerulean Ridge color palette (#EBFAEE, #87DBE1, #009CB9, #007462, #00384E)
• Cornflower Lantern color palette (#E8F1EA, #9CCAF2, #5584D7, #006880, #232758)
• Tempered Iris Pier color palette (#D4E0FF, #B3AEF7, #9581D1, #7D5A9C, #443D60)

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