Cobalt Grove color palette — #F0F5FF · #9EAFDB · #AE965C · #536CC0 · #36563F

Sapphire and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Mauve (#9EAFDB): A luminous, dusty violet — the color of twilight just after sunset.
• Moss (#AE965C): A luminous, balanced gold — the color of afternoon light on wheat.
• Sapphire (#536CC0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#36563F): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Softworn Bloom color palette (#EBF2FF, #A2B1E5, #BE9634, #5F6EA6, #1D3824)
• Hushed Harbor color palette (#ECF7FF, #86B7D7, #C6895F, #007BB0, #68432A)
• Tempered Pewter color palette (#F5F4FF, #C1A3CC, #7DA66A, #8D5B9F, #26574F)
• Antique Atelier color palette (#FEF1F8, #BDBDFC, #DDA55C, #8582CC, #514C46)
• Worn Pine color palette (#F1F5FF, #8993CD, #B47868, #318959, #394256)
• Patina Chestnut Ridge color palette (#FEF1F6, #ACBEAA, #997484, #7D5042, #394E3E)
• Weathered Grape Harbor color palette (#F2F5FF, #A491F6, #808600, #5900C2, #3B3E00)
• Pale Aubergine color palette (#EDEDFD, #A47ABC, #639024, #712094, #263E00)

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