Cobalt Quarry color palette — #E8F5F7 · #189A89 · #4770B5 · #564471 · #211B26

Slate and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F5F7): bright and airy, almost weightless.
• Fern (#189A89): A luminous, balanced teal — the color of sea glass.
• Slate (#4770B5): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#564471): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#211B26): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. 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

• Antique Harbor color palette (#EAF4F4, #B37389, #0079AC, #434880, #191525)
• Softworn Petrol Courtyard color palette (#E7F5F6, #65AD93, #237D95, #39497C, #022F25)
• Moss Harbor color palette (#F8F5EA, #898E1C, #516599, #40496F, #362F2C)
• Mulberry Corridor color palette (#E8F3FE, #3081BD, #873E92, #6C283F, #1A0C14)
• Weathered Grape color palette (#E0F6FF, #008B96, #4A03D8, #62006A, #160419)
• Indigo Basin color palette (#F9EEF4, #B7795A, #6962AA, #653863, #201721)
• Ancient Lagoon color palette (#DFF2F1, #539365, #224143, #122121, #080E0D)
• Tempered Taupe Grove color palette (#F9F5E8, #A3A047, #3B9D8F, #915A54, #342F2A)

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