Cobalt Quarry color palette — #FFF0F8 · #7BC2E4 · #306CC2 · #00574D · #312764

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#7BC2E4): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#306CC2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#312764): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Hushed Petrol color palette (#FDF1FB, #54CBD5, #0078A1, #005930, #0C3067)
• Cobalt Workshop color palette (#FBF0E0, #79C7EB, #0077BC, #005058, #001642)
• Azure Dune color palette (#ECF9EF, #86D7FD, #0093E6, #00717A, #002D73)
• Weathered Alley color palette (#EDDEE4, #70A6C7, #355398, #003E3B, #231246)
• Tempered Navy color palette (#CAEBE5, #00A6A9, #006D91, #004376, #271F71)
• Worn Loft color palette (#D3EAFF, #499FFF, #005D95, #003354, #001930)
• Weathered Iris Harbor color palette (#FBF2F5, #C9DFF4, #7986BF, #0E7072, #434560)
• Worn Blush color palette (#E9F8FF, #B5C4FF, #D07CB2, #007A69, #0F3A6D)

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