Cobalt Quarry color palette — #DEF8F7 · #7CC3FB · #1173C9 · #004D68 · #001642

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#DEF8F7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7CC3FB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1173C9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004D68): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001642): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Patina Summit color palette (#DBF9F5, #7CC8DD, #007D9F, #005156, #001D2B)
• Sapphire Coast color palette (#FFF3E7, #90BDE2, #3862D9, #00545E, #331D74)
• Frosted Cornflower color palette (#F2F8E8, #9BD1FF, #188DF9, #006D92, #092E6F)
• Sky Veranda color palette (#CEFCFF, #8EE6FE, #16B8F7, #00726E, #001F23)
• Softworn Ash Workshop color palette (#EAF4F2, #CCDCEC, #6CA8AE, #41747C, #1D3A47)
• Dusty Cerulean color palette (#E1F3F1, #3698AC, #005266, #002B2D, #000509)
• Pale Ultramarine Terrace color palette (#CFE6E6, #008282, #0057DD, #3E5D00, #001212)
• Worn Bronze Boulevard color palette (#D2E6EA, #009B90, #8D6C00, #005952, #1E1400)

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