Hazy Cobalt color palette — #E5F9FF · #A8DFA2 · #00B3B0 · #007DDB · #00323F
A conversation between Azure and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5F9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Pistachio (#A8DFA2): A whisper-light, balanced green — the color of a quiet forest floor.
- Turquoise (#00B3B0): A luminous, balanced teal — the color of shallow lagoons.
- Azure (#007DDB): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Deep Teal (#00323F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Hazy Cobalt 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
- Feathered Indigo Summit color palette (#E8F8FF, #6FDAAC, #00B7D9, #6467DB, #003B4E)
- Quiet Jade color palette (#DCFDFF, #D2D473, #00BB77, #0087A6, #00372F)
- Seafoam Meadow color palette (#E4F8E7, #3EE6CD, #00C5D3, #0094B7, #002025)
- Wandering Navy Boulevard color palette (#D5E8E9, #36B4D0, #0077A0, #004587, #233363)
- Byzantium Orchard color palette (#ECF7FF, #00D9D0, #00A1E7, #8B06F5, #002460)
- Weathered Ultramarine Garden color palette (#C3E8F5, #20B86E, #008B9B, #2C31F6, #001E2A)
- Hazy Grove color palette (#EEF6FF, #39E7EC, #27ADFA, #9D57C8, #15305D)
- Cobalt Coast color palette (#FDF2F6, #A8CAE4, #4D78BA, #005F64, #34365B)
Browse the whole catalog at Explore, or see today's palette.