Cobalt Quarry color palette — #EBF2FF · #99B7F8 · #5174CE · #233B73 · #071336

Sapphire and Navy set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Sky (#99B7F8): A luminous, balanced violet — the color of a velvet chair.
• Sapphire (#5174CE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#233B73): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#071336): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.

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

• Violet Loft color palette (#EFF1FF, #C9B3F8, #8663BA, #4F3275, #1A0B2D)
• Dusty Boulevard color palette (#E3F5FF, #6BC6E3, #00809F, #004658, #001B23)
• Antique Ridge color palette (#F1F5FF, #B8CEFF, #748DD1, #44598D, #202B4D)
• Nightshade Hollow color palette (#DCDEEF, #6360D6, #3600A6, #10003E, #01000A)
• Grape Dune color palette (#E2DFFF, #9F8BFF, #6E00EF, #31007B, #090021)
• Aubergine Courtyard color palette (#F0F1FC, #E79D94, #644286, #242341, #0B0B16)
• Mulberry Alley color palette (#F2F0F9, #D19ED8, #B54B6E, #8A4295, #140917)
• Wisteria Atelier color palette (#F8E2CF, #FF96B4, #CB88FF, #24233A, #15141F)

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