Cobalt Garden color palette — #F2E6F3 · #007ADD · #5F2B00 · #002B55 · #030100

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

The five colors

• Blush (#F2E6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#007ADD): A full-bodied, vivid blue — the color of open sky before noon.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#002B55): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged duotone.

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

• Washed Garnet Grove color palette (#DCF0E8, #0083BB, #75000E, #002F46, #030000)
• Powdered Bloom color palette (#F4E4EF, #5C68EA, #6E1800, #1D0082, #030100)
• Velvet Navy color palette (#E8EFF9, #3454AA, #52000C, #030065, #070000)
• Linen Violet color palette (#F4DEE6, #8C58D7, #503600, #39006A, #020100)
• Aubergine Thicket color palette (#DAECDF, #008A9B, #650065, #003139, #030003)
• Midnight Ridge color palette (#F2DAEC, #3414E9, #3E2400, #22242B, #000A07)
• Shadow Nightshade color palette (#EADDE4, #5843A5, #48004A, #220057, #040001)
• Lapis Pier color palette (#D5E4DC, #443CEF, #5D003B, #001108, #020006)

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