Cobalt Quarry color palette — #F8F0EB · #B0D0C1 · #4A7FB8 · #005B5B · #171D3E

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Oat (#B0D0C1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4A7FB8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#171D3E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Cobalt color palette (#F4F6ED, #A6D0BE, #2480B5, #005D6F, #1C3D5A)
• Hushed Petrol Lagoon color palette (#F2E6E1, #A0BCA2, #007791, #004E33, #001829)
• Hushed Forest Loft color palette (#F7F0ED, #D1E2D0, #3A9CB0, #206F44, #013527)
• Sky Loft color palette (#EDF8F7, #D8DDE8, #62AFE0, #007C92, #033151)
• Abyss Dune color palette (#FCEBE3, #52969D, #005168, #002D1F, #00050D)
• Weathered Cypress Corridor color palette (#F7F0EC, #C7E5E4, #75A89B, #027B76, #432E3F)
• Softworn Denim Basin color palette (#F0E5DB, #79A2C1, #2D53A3, #00393E, #0B002C)
• Weathered Cerulean color palette (#FAE5D3, #C0804D, #0089AC, #7F4300, #00202B)

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