Cobalt Quarry color palette — #E1F3F2 · #AAC8E4 · #4F89CD · #00668B · #0E2A60

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Sky (#AAC8E4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#4F89CD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00668B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0E2A60): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, 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 Ridge color palette (#E7F1EF, #92D0DE, #0095B7, #006B6F, #003346)
• Periwinkle Delta color palette (#F6EDE4, #ACD9FF, #7AA0FF, #008F9E, #2D2652)
• Antique Loft color palette (#F5EBEF, #93B5D5, #3F5FC3, #004E58, #2D274C)
• Linen Turquoise Quarry color palette (#E7FAF7, #A8E7F6, #00ACD4, #008287, #00465F)
• Dusty Lagoon color palette (#E4F1EF, #6DABC8, #006E9E, #004855, #001528)
• Bronze Harbor color palette (#CAE7DC, #829017, #008E80, #A44C00, #1E2200)
• Hushed Olive Parlor color palette (#D6FCF6, #A9E8BE, #65C3A5, #658C11, #113C1E)
• Quiet Ember Basin color palette (#C2E8DC, #85A73E, #E04D3C, #536F00, #510804)

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