Cobalt Quarry color palette — #F0F7F2 · #9ACDE8 · #2D7DBC · #005E67 · #273A5B

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sky (#9ACDE8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2D7DBC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E67): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#273A5B): A deep, shadowed, 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 Cobalt 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

• Cobalt Pier color palette (#F8EFF3, #92D2EF, #4D7CBF, #005C51, #171E3A)
• Petrol Market color palette (#E7F2E9, #83BDC0, #007588, #005142, #003345)
• Cerulean Pier color palette (#F0F7F1, #BDE4EE, #079CAC, #007457, #2D4C5D)
• Antique Villa color palette (#F4F6ED, #C8E9DA, #7CBAE3, #009CB8, #1E3D59)
• Periwinkle Chapel color palette (#FEF3EA, #9DDFFF, #6896DB, #097D70, #4E2F41)
• Navy Lantern color palette (#D9E5DB, #5187A9, #003D72, #002127, #01002F)
• Dusty Plum Veranda color palette (#F0DDF7, #B85373, #607700, #006093, #35243B)
• Worn Ultramarine color palette (#DBE8DE, #75A4C9, #0052B0, #003C49, #121949)

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