Cobalt Garden color palette — #ECF2E3 · #7DA4CD · #4074C0 · #00577D · #01002F

Azure takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECF2E3): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#7DA4CD): A luminous, dusty blue — the color of open sky before noon.
• Azure (#4074C0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00577D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#01002F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Worn Petrol Hollow color palette (#E5E8DA, #6CABC0, #007FA8, #005C66, #000B14)
• Hazy Denim Boulevard color palette (#F5E8DB, #6597C6, #3B50A1, #003A43, #0C0026)
• Hushed Azure Meadow color palette (#E2E5DB, #8FC8E9, #439AD5, #007993, #00203E)
• Timeworn Summit color palette (#E0F2F1, #4E7CAB, #003680, #001D2D, #00000D)
• Lagoon Canyon color palette (#EEF0E3, #BADDC4, #4FB3CE, #009093, #003344)
• Weathered Sapphire color palette (#F7DFD9, #D34063, #4F5FE0, #9E003B, #020023)
• Worn Turquoise color palette (#F4F6EE, #C2E5E9, #9EC0E9, #5FA2C2, #583D56)
• Worn Thicket color palette (#F7DEDB, #CE9D67, #B08C25, #A84555, #180200)

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