Cobalt Quarry color palette — #FFF3EA · #A2D1BD · #517BAC · #005F60 · #303760

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Pistachio (#A2D1BD): A whisper-light, dusty teal — the color of sea glass.
• Slate (#517BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005F60): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#303760): A deep, shadowed, dusty violet — the color of wild irises.

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

• Antique Forest color palette (#FCF3EE, #B0CFAC, #1E8697, #0F6336, #00405A)
• Cobalt Station color palette (#FFF3E5, #ABD3F9, #6179CC, #006473, #413470)
• Navy Harbor color palette (#FFF2EB, #5DC8E1, #0076A9, #00574B, #032E6E)
• Weathered Thicket color palette (#E8F5F4, #AACDE5, #3983B3, #00596B, #00223E)
• Gentle Workshop color palette (#D2F0EF, #00B0C5, #007096, #004F87, #213761)
• Antique Ridge color palette (#E2FCF2, #EDCBE7, #C198CE, #00777B, #4E3A50)
• Cerulean Balcony color palette (#F0DCD2, #4A9EA7, #00516B, #003124, #00152A)
• Softworn Cypress color palette (#FBF4EF, #CBE6E6, #7C9DBE, #3C7B77, #604B5B)

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