Cobalt Grove color palette — #FCF1FC · #F6D3E3 · #DDB1B5 · #3D77C7 · #3D2C3D

Built around Azure, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Shell Pink (#F6D3E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#DDB1B5): A luminous, dusty red — the color of late-summer berries.
• Azure (#3D77C7): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3D2C3D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Pewter color palette (#F5ECEF, #EBD0D1, #D1AFA5, #79669D, #37292F)
• Wandering Cornflower Delta color palette (#F0F6FE, #DDD8E2, #D3ADA9, #3573F9, #15253C)
• Dusty Cerulean Parlor color palette (#EDF9F0, #C6E6DD, #D5B2C6, #008797, #27372C)
• Dusty Ultramarine color palette (#F0F5FF, #CAD2E7, #9FA5C0, #384FB2, #273348)
• Worn Cornflower Market color palette (#FBDCFC, #1E8CFA, #995600, #355200, #192A00)
• Muted Boulevard color palette (#FCF2F3, #E3D9D1, #C9C1AE, #AD8287, #514445)
• Hushed Navy color palette (#F2E6ED, #B69DA3, #9D7D7A, #3A3E77, #0F060C)
• Hazy Summit color palette (#E8E4FF, #8340FF, #532546, #2B0F1F, #0C040D)

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