Cobalt Garden color palette — #D8F1F0 · #60B8FC · #3485DA · #00678B · #000F3A

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

The five colors

• Honeydew (#D8F1F0): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#60B8FC): A luminous, balanced blue — the color of deep harbor water.
• Azure (#3485DA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00678B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Misty Ridge color palette (#CBE5E1, #3AC2E0, #0091B6, #006C73, #001622)
• Antique Grove color palette (#D9E6FD, #A8B4FF, #AB93EE, #307DBC, #081137)
• Sunlit Lantern color palette (#D6F2FF, #0092C9, #006EA4, #004B7C, #00122D)
• Petrol Chapel color palette (#F5EDE0, #8CBDE5, #3365B3, #003C4A, #010014)
• Quiet Periwinkle color palette (#E3F2F1, #A7DAFF, #67AAE9, #008BB1, #112E53)
• Antique Balcony color palette (#EEDBE1, #5EA9E1, #305CCA, #004950, #14053B)
• Emerald Loft color palette (#DEEFFF, #0093EA, #009A3C, #0066A6, #001503)
• Washed Coast color palette (#D7E5FF, #5F9CFF, #0E6AF5, #004099, #000212)

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