Hazy Bloom color palette — #E9F2DF · #00A67B · #4374D3 · #00674A · #213558

Built around Sapphire, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Cream (#E9F2DF): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00A67B): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#4374D3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#00674A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#213558): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Bloom 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

• Sunlit Cobalt color palette (#D6ECCF, #008D80, #006FBE, #566200, #1E3117)
• Byzantium Villa color palette (#D1EDD7, #0096A3, #9800F0, #005961, #3E1062)
• Pine Canyon color palette (#C9E6DB, #0087C6, #10811A, #004E75, #033305)
• Patina Ultramarine Harbor color palette (#E4F5D8, #008068, #363DD3, #004436, #0E1344)
• Washed Olive color palette (#E2F4E6, #00A0AF, #7F7E00, #00626C, #393800)
• Teal Grove color palette (#E5FFD6, #35BB9C, #006F5E, #003D31, #00251E)
• Dusty Moss color palette (#EDF9F0, #77BDC8, #9B9F4E, #00818F, #4F4D46)
• Amber Garden color palette (#F0F9EA, #55B39B, #B57D00, #007762, #563D12)

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