Cobalt Garden color palette — #D4E4F7 · #0087DD · #004879 · #001B39 · #000814

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4E4F7): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0087DD): A luminous, vivid blue — the color of a favorite pair of jeans.
• Navy (#004879): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001B39): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Patina Cobalt Canyon color palette (#DEEFFF, #60AFFC, #0086DC, #005391, #000815)
• Dusty Cerulean color palette (#CBE6EF, #0095AB, #004C5B, #002029, #000C10)
• Azure Boulevard color palette (#E3F1FF, #319FEE, #0066A8, #003363, #000B1D)
• Cornflower Lantern color palette (#E8EEFF, #3A72F1, #2730AA, #0B0063, #010032)
• Faded Cobalt Dune color palette (#F0F5FF, #90C0FF, #5175B4, #264571, #1A294F)
• Aged Orchid color palette (#D3F0FF, #9BB7FF, #A167BB, #005258, #0B1E3E)
• Pale Studio color palette (#DAF4E4, #F75110, #008DB7, #011C1C, #000904)
• Indigo Lantern color palette (#ECDAE5, #6462E1, #790028, #2A0B89, #0B0100)

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