Cobalt Garden color palette — #FFF0F8 · #7FDDFF · #0085D3 · #006761 · #2E3D69

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Ice Blue (#7FDDFF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#0085D3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2E3D69): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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 Balcony color palette (#F9EEF4, #9CDAF2, #3D86D1, #006453, #1F1E4A)
• Weathered Forest Alley color palette (#FFF0FA, #78E3E0, #008EA6, #006B3E, #15455E)
• Aged Sapphire Terrace color palette (#F7EBF0, #7BBADF, #2866BA, #004F52, #27294E)
• Periwinkle Meadow color palette (#FFF2EA, #B8E8D0, #559EF3, #008471, #39396A)
• Aged Turquoise Archive color palette (#D3F3EF, #00BCC7, #007A97, #005685, #40306E)
• Weathered Corridor color palette (#ECF7FF, #DBD7F7, #C4A1EC, #1C8382, #324C6A)
• Muted Denim Quarry color palette (#F5E8F0, #429CB6, #004E78, #00302B, #020F37)
• Feathered Sky color palette (#FCF4E7, #C0ECFF, #61C0FF, #00A4AB, #0F3F76)

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