Cobalt Garden color palette — #F4EEE4 · #99CCE9 · #308BD7 · #006A76 · #162B57

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

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#99CCE9): A luminous, dusty blue — the color of deep harbor water.
• Azure (#308BD7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006A76): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#162B57): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Muted Cerulean Market color palette (#F4EDE3, #A9CFB1, #0095B5, #006D5F, #003249)
• Worn Periwinkle Corridor color palette (#FAF4EB, #B1E0D2, #6495E3, #007891, #4D2F45)
• Petrol Studio color palette (#F7ECE4, #7FBAD9, #3B66B0, #005049, #2D2652)
• Periwinkle Dune color palette (#F7EBF0, #A2DCFB, #61A7F9, #009091, #222858)
• Patina Turquoise Grove color palette (#FCF4E7, #A1EAEE, #00ADCC, #00856F, #004660)
• Dusty Garden color palette (#EFE6D8, #64AEC2, #006F97, #004A48, #001529)
• Weathered Garden color palette (#F8F5EF, #C9E9EC, #8DB4E5, #4892A3, #5F4B5B)
• Frosted Quarry color palette (#E1F7DA, #85DFEE, #5FC0FF, #008960, #1C3C24)

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