Cobalt Garden color palette — #DFE2D7 · #71BDDA · #007FAD · #005763 · #002237
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#DFE2D7): a clean, paper-quiet neutral.
- Cyan (#71BDDA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FAD): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005763): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hazy Ultramarine color palette (#E3E9D8, #74A7D4, #0064C1, #004661, #000D3D)
- Chalky Azure color palette (#E2EFE4, #8CCAE1, #229CDB, #007C80, #001F41)
- Muted Cerulean Canyon color palette (#EDF0E2, #499FB7, #00617E, #003B40, #000B14)
- Wandering Boulevard color palette (#D3E6CD, #7DD2D0, #00BAD1, #007558, #002825)
- Hushed Cobalt Orchard color palette (#FFF2EA, #AAD8BF, #137DD2, #005343, #090033)
- Feathered Azure Summit color palette (#F4F6ED, #ACE4FF, #00A7ED, #007F95, #154366)
- Timeworn Aqua color palette (#F5F6EF, #C7E8E2, #62C0D7, #439594, #375144)
- Antique Sapphire Grove color palette (#D8E5CF, #009D7F, #415CFF, #00614E, #090F4D)
Browse the whole catalog at Explore, or see today's palette.