Cobalt Quarry color palette — #FAF3F6 · #C7E0F2 · #5F8BCC · #007266 · #3F4660

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Powder Blue (#C7E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5F8BCC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007266): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3F4660): A deep, shadowed, dusty violet — the color of wild irises.

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

• Feathered Olive Pier color palette (#F1F5FF, #827EC8, #4F8D3D, #00765B, #31374B)
• Hushed Cerulean color palette (#F7F1E8, #B1E5FF, #5C93C1, #006B74, #392338)
• Aged Cobalt color palette (#FCF2F5, #ACC8E3, #6070C3, #005F61, #363755)
• Timeworn Study color palette (#EFF8F1, #D3DEFD, #72ABDA, #378890, #3A495D)
• Weathered Cerulean color palette (#F1F5FF, #E3D8E1, #EEAEA2, #5685AC, #4D4D62)
• Cerulean Meadow color palette (#F0E7ED, #1F8FA2, #004163, #002417, #02012D)
• Wandering Boulevard color palette (#F7ECF7, #62ADAE, #00617B, #004116, #001F41)
• Chalky Forest color palette (#FDF0FF, #66CBC9, #007A97, #005B1A, #02345E)

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