Cobalt Quarry color palette — #F6E7E0 · #97BCA4 · #007EB1 · #005B4D · #001D48

Built around Cerulean, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F6E7E0): bright and airy, almost weightless.
• Sage (#97BCA4): A luminous, dusty teal — the color of sea glass.
• Cerulean (#007EB1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005B4D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#001D48): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Cobalt Villa color palette (#EFE6DD, #88B8DA, #4271CA, #00585F, #1D0D53)
• Cobalt Terrace color palette (#F8ECE3, #A6CFBC, #4389D2, #006C6B, #20285B)
• Patina Cobalt Thicket color palette (#FDF1FA, #6EDEF4, #0084B7, #005345, #000C23)
• Turquoise Archive color palette (#D6E4E2, #57ACBF, #006179, #003D40, #002332)
• Softworn Cerulean Workshop color palette (#E1E3D6, #74CFE4, #00A2C7, #007C81, #002332)
• Wandering Grove color palette (#F1E1DA, #779D81, #006181, #003D2F, #00091A)
• Antique Thicket color palette (#FAF4F0, #CEE7E0, #79BDD1, #5B9577, #335248)
• Washed Azure color palette (#FFF2EB, #ABE6F8, #03A5F4, #008477, #223D74)

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