Cobalt Quarry color palette — #F8EFF4 · #A9CDE3 · #457FBB · #005D4C · #1B1C3D

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

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Sky (#A9CDE3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#457FBB): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#1B1C3D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Cobalt color palette (#F1F7F2, #ACCADC, #397FAB, #005F62, #1D3B60)
• Misty Market color palette (#FCEDF8, #6CCCDA, #007BAD, #005535, #000757)
• Worn Cypress color palette (#F8EFF2, #C6E0F8, #808BB6, #006C6E, #272946)
• Weathered Lagoon Courtyard color palette (#ECE0EB, #399A9C, #005168, #002E0E, #00040F)
• Feathered Raspberry color palette (#CFF0F4, #33A789, #B35591, #006450, #340526)
• Timeworn Station color palette (#F8E5EE, #4E8097, #003680, #00201B, #010009)
• Patina Denim Boulevard color palette (#F2E4E9, #6FA4C1, #2853A7, #003A35, #0D002A)
• Powder Boulevard color palette (#DBF9F8, #B5E1FF, #9DAEE3, #67713B, #002F36)

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