Cobalt Garden color palette — #F6F1E9 · #A7D2C6 · #4B79CF · #00586E · #301629

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

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Oat (#A7D2C6): A whisper-light, dusty teal — the color of sea glass.
• Azure (#4B79CF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00586E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#301629): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Garden 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 Cobalt Courtyard color palette (#F7F1E8, #ACD2BC, #0086B9, #005B5B, #002720)
• Cobalt Bloom color palette (#FFF1F5, #A9C9E7, #6371BE, #005F62, #363756)
• Hazy Cobalt Bloom color palette (#FAF0E2, #6CC8F4, #0076BE, #005058, #001446)
• Wandering Denim color palette (#F0E8DC, #5195A9, #005071, #002C2C, #00040E)
• Patina Petrol Parlor color palette (#F5F1EB, #C6E4E8, #809EC8, #287689, #41303D)
• Feathered Crimson color palette (#E0EEDF, #00A6A1, #CE4162, #00625F, #390313)
• Teal Balcony color palette (#D5EEDD, #00B695, #00786C, #004747, #002227)
• Timeworn Courtyard color palette (#E2EEE2, #008D91, #934AA9, #795300, #051907)

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