Cobalt Garden color palette — #F0F6FC · #DBD9E3 · #CABDDA · #3579BF · #141F2B

A conversation between Cerulean and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Lavender (#CABDDA): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#3579BF): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#141F2B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Tempered Violet Quarry color palette (#F3F4FE, #E0D7E0, #D8BAD0, #8361B9, #1C1D2B)
• Azure Parlor color palette (#E6F0FA, #D7CFE6, #C3B2C4, #5099D2, #222F3C)
• Denim Dune color palette (#E2EBE9, #D4C7CF, #B49CA4, #1F5889, #091916)
• Indigo Alley color palette (#DBE5FD, #6453FE, #301448, #1C141E, #010213)
• Timeworn Driftwood color palette (#F0F5FF, #BEABE8, #B070A7, #6C5A32, #003026)
• Wisteria Lagoon color palette (#F0F5FF, #D2DBF8, #CCB9F1, #BE76E5, #120330)
• Worn Plum color palette (#F0F6FF, #5D8AFF, #B5005D, #443700, #00100F)
• Hazy Olive Courtyard color palette (#EBF9F0, #BAC180, #518800, #1B5775, #181A00)

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