Cobalt Quarry color palette — #F0F7F2 · #A4CBB0 · #667BB5 · #007B8B · #342A32

Slate and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Pistachio (#A4CBB0): A luminous, dusty teal — the color of glacier melt.
• Slate (#667BB5): A full-bodied, balanced violet — the color of wild irises.
• Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#342A32): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged duotone, 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 Petrol Summit color palette (#EDF8F4, #9CC6E7, #956E94, #407299, #38292C)
• Softworn Lantern color palette (#EFF3EE, #B0CDAB, #A07099, #00837C, #221012)
• Antique Lagoon color palette (#EEF7F9, #9BE0DC, #AA8EC2, #00A19D, #2C2C3B)
• Wandering Turquoise color palette (#FDF4E6, #7BAFD2, #6F749B, #774E39, #524153)
• Navy Canyon color palette (#E8F8FF, #92BCE2, #6F87B3, #58568D, #523B77)
• Inked Navy Bloom color palette (#D1E8DB, #00657E, #200079, #00212B, #01000E)
• Ancient Orchard color palette (#EEF8F2, #319AAF, #8E5069, #644612, #31332C)
• Chalky Aubergine Pier color palette (#E0EFEA, #468FC6, #692D8C, #00456E, #1C040D)

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