Cobalt Grove color palette — #FAF4EB · #A2D0C4 · #5176C0 · #005C74 · #323561

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Pistachio (#A2D0C4): A whisper-light, dusty teal — the color of sea glass.
• Azure (#5176C0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C74): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#323561): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Drift color palette (#F9F4EE, #AECFB5, #0085A3, #006155, #00405C)
• Airy Cobalt color palette (#FDF4E5, #82C1E2, #0072BA, #00545D, #092C71)
• Indigo Study color palette (#F8F0E8, #A8D2C6, #6271D3, #005B5D, #331522)
• Iris Orchard color palette (#FFF1F5, #BCD8F4, #7C8CED, #007B7F, #363658)
• Timeworn Periwinkle color palette (#EFF8F1, #C8E4FF, #89B1FF, #4498B4, #2D3959)
• Hushed Denim Summit color palette (#E4DED3, #5B99AE, #005072, #003030, #00142B)
• Worn Petrol Boulevard color palette (#F8F5EF, #CDE2E4, #819BC0, #2D7A8D, #63495C)
• Washed Violet color palette (#FFD9E1, #9860A7, #8E6300, #00686B, #411F29)

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