Cobalt Quarry color palette — #EAF9F4 · #207EB7 · #51620B · #005337 · #173020

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Cerulean (#207EB7): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#51620B): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005337): A deep, shadowed, balanced teal — the color of glacier melt.
• Deep Forest (#173020): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Timeworn Forest Grove color palette (#FFF0FA, #6771B0, #246B41, #005253, #123128)
• Lagoon Boulevard color palette (#EEF9EC, #059087, #83551C, #444400, #272D14)
• Wandering Denim Summit color palette (#CCF8EC, #005999, #364B00, #003B2C, #001E24)
• Wandering Study color palette (#FFF1F6, #8548DA, #006357, #004150, #192346)
• Muted Workshop color palette (#FCEEEF, #966693, #954849, #175000, #1D0C1F)
• Tempered Aubergine color palette (#FFE5F0, #613DA7, #004C3D, #002F3A, #220A1F)
• Tempered Pewter Hollow color palette (#FBF2F6, #E3D7D5, #CABCB8, #7A6B96, #4E4548)
• Soft Dune color palette (#F6F3FF, #BE81BF, #B56762, #3C6C0E, #1E2B3D)

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