Cobalt Grove color palette — #EFF6FF · #DAD7E9 · #C4BBDA · #5187D2 · #37414D

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DAD7E9): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C4BBDA): A luminous, dusty violet — the color of a velvet chair.
• Azure (#5187D2): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#37414D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt Grove 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 Lantern color palette (#EAEFF6, #D0D7E8, #AFB6D2, #586EAE, #282E39)
• Wandering Alley color palette (#F4F4FC, #E1D6E3, #CFB8CE, #9A6DCB, #3D3E4E)
• Periwinkle Terrace color palette (#EBF9F5, #E8D5CF, #69AAE8, #ABA391, #33443F)
• Airy Lilac Cabin color palette (#F0F5FF, #C9E1FF, #AFBFFF, #AC82FF, #353069)
• Mallow Study color palette (#E8E9FF, #D3A7DB, #9B8AB1, #92583E, #6B421A)
• Softworn Indigo Garden color palette (#E6ECFB, #786BFF, #483E62, #1E253B, #0B111E)
• Aged Lilac Grove color palette (#FFF1F1, #919EFF, #8869C1, #983048, #322D60)
• Wandering Quarry color palette (#E9E9F7, #B5B1C7, #9890AA, #6D328E, #131025)

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