Hazy Cobalt color palette — #D9FFF2 · #8DAA00 · #1B77D7 · #822B7D · #551330
Built around Azure, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#8DAA00): A luminous, vivid green — the color of a quiet forest floor.
- Azure (#1B77D7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Plum (#822B7D): A full-bodied, balanced pink — the color of peonies in June.
- Mulberry (#551330): A deep, shadowed, balanced rose — the color of a warm blush.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.
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
- Tempered Clover Lantern color palette (#D9FFF7, #51B700, #5768E2, #892E5D, #5B0F14)
- Worn Aubergine Boulevard color palette (#E3FDE9, #C09400, #0083A9, #66399A, #50163D)
- Frosted Workshop color palette (#C8EAE2, #529C00, #485AB3, #6C195F, #3F0608)
- Jade Station color palette (#E8F9F8, #43C07A, #7277C6, #874B3B, #532C21)
- Quiet Grape Lantern color palette (#F7F7E3, #87C335, #008DA2, #6300C1, #46000E)
- Timeworn Courtyard color palette (#D7FFF5, #629612, #6E2F95, #5B0D83, #5A003B)
- Chalky Aubergine Drift color palette (#CBEAE9, #169357, #591FA7, #610031, #200B00)
- Tempered Mint Grove color palette (#F1F3C3, #93CC9E, #68A7AD, #8D5E67, #6A3A45)
Browse the whole catalog at Explore, or see today's palette.