Cobalt Garden color palette — #DCF9F8 · #81C3F6 · #0673C9 · #004E67 · #001740

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#DCF9F8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#81C3F6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0673C9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004E67): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001740): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Cobalt Studio color palette (#E8F5F4, #AFCBE2, #4781B1, #00586F, #09213B)
• Washed Sapphire color palette (#FEF3E9, #8DBEE4, #2E61E2, #00545D, #312072)
• Dusty Aqua Grove color palette (#E2F7F2, #61D0CE, #008189, #005348, #001E24)
• Tempered Denim Archive color palette (#E3F1F0, #819FBF, #21569F, #00364E, #010230)
• Airy Cornflower Lantern color palette (#F3F8E7, #96D2FF, #0090F2, #006D8E, #002F6D)
• Softworn Abyss Thicket color palette (#CCE6E2, #5595A1, #005264, #002B2C, #000509)
• Cypress Alley color palette (#EBF4F2, #C9DFF3, #73A5B5, #3A786B, #1E3A46)
• Linen Sapphire color palette (#FFDBE4, #DE437F, #1F5EFB, #8D0046, #00074B)

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