Cobalt Grove color palette — #CAE3EF · #5B84CA · #7A4C8E · #374100 · #131C00

A conversation between Azure and Plum, giving this palette its sense of nature and growth.

The five colors

• Frost (#CAE3EF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5B84CA): A luminous, balanced violet — the color of wild irises.
• Plum (#7A4C8E): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#374100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#131C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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 Mulberry color palette (#D1E5E4, #5979B3, #683869, #242E00, #001C0A)
• Violet Pier color palette (#CFE0FC, #936BC0, #924A6D, #40413A, #022204)
• Aged Villa color palette (#DAEEFF, #7E86BA, #6D557F, #432700, #0A0700)
• Worn Cerulean color palette (#CFF9F1, #008EB9, #48559C, #443E39, #321800)
• Dusty Fern Balcony color palette (#D1F4EA, #5B9FAC, #686FAA, #306416, #002720)
• Tempered Ash color palette (#EDE7FF, #C081A2, #99594C, #175555, #143219)
• Lilac Station color palette (#CDE7F7, #9EAFF5, #AE6AB6, #546F37, #2F4711)
• Feathered Ultramarine color palette (#F5E8DE, #58ADD4, #0367B9, #004A4A, #0A0A3B)

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