Cobalt Garden color palette — #F9EBE4 · #76BECC · #007FAC · #005B4A · #001F42

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Cyan (#76BECC): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007FAC): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#001F42): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Airy Sapphire color palette (#E8E0D9, #87B8D8, #266EDF, #00585D, #1A154A)
• Ancient Terrace color palette (#EDF9EF, #87DBEB, #0087AC, #00524C, #000E1B)
• Washed Garden color palette (#D2E6E3, #50AEBF, #006176, #003E3F, #002330)
• Feathered Veranda color palette (#EDE1EA, #86CDDB, #459AD2, #00815C, #101A45)
• Hazy Cornflower color palette (#FEF3E9, #9ED1FC, #5383FF, #00707C, #312762)
• Azure Hollow color palette (#FEF3ED, #A0E8FC, #00A6F0, #008474, #293F65)
• Turquoise Lantern color palette (#FAF3F0, #CCE9E1, #71BED3, #649278, #375148)
• Faded Magenta Orchard color palette (#FFE4E9, #BE55C8, #00656A, #266800, #200323)

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