Cobalt Quarry color palette — #EAF5EC · #A9D7F2 · #0086E2 · #00606C · #0E214F

A conversation between Azure and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Powder Blue (#A9D7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0086E2): A luminous, vivid blue — the color of deep harbor water.
• Peacock (#00606C): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#0E214F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cerulean Courtyard color palette (#ECF4EE, #9EDCE4, #0091B1, #006357, #00293D)
• Misty Sapphire color palette (#E8F6EB, #7DC4F5, #006FD7, #004F5E, #0A1049)
• Soft Cornflower Meadow color palette (#FDF3EB, #8ED9FF, #3D7CE1, #00675E, #3E3964)
• Washed Archive color palette (#D6E3D9, #5093B2, #004D7B, #002B2F, #000313)
• Periwinkle Bloom color palette (#FFF4E2, #B2E3FF, #3CA0F8, #00808F, #2B3E68)
• Turquoise Lagoon color palette (#EEF4EF, #CCDDEC, #4EACB7, #417862, #233946)
• Mulberry Meadow color palette (#BDF2E2, #6E9100, #007AC1, #A52D55, #121C00)
• Linen Amethyst color palette (#D5FCEE, #9FB425, #7F46EE, #566300, #24114A)

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