Hazy Bloom color palette — #FCF5E2 · #DCCE7C · #C2B0FA · #B1A035 · #453B62
A conversation between Mustard and Lavender, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCF5E2): A whisper-light, dusty green — the color of new leaves after rain.
- Honey (#DCCE7C): A whisper-light, balanced green — the color of fresh herbs.
- Lavender (#C2B0FA): A luminous, balanced violet — the color of a velvet chair.
- Mustard (#B1A035): A luminous, balanced green — the color of fresh herbs.
- Navy (#453B62): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
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
- Jade Pier color palette (#F5F8E1, #ABDBA2, #D7AAE7, #79AF6F, #52355D)
- Aged Garden color palette (#E8FAF1, #BEBC6E, #9B9CE5, #8A8400, #3D3D68)
- Mustard Orchard color palette (#FFF4DA, #CFC05C, #C99FEE, #C187AE, #3A3831)
- Feathered Amber Atelier color palette (#FFF3E8, #FEBB89, #83C6F5, #D08D58, #21465F)
- Antique Chartreuse color palette (#FDE3EC, #F9B2FF, #C7D226, #5E5C55, #28271F)
- Dusty Fern color palette (#FFF4DB, #CFE6D0, #C8BDC5, #D9A78C, #504C00)
- Tempered Iris color palette (#E5F7F0, #9FAD54, #7784DF, #606C00, #1A2643)
- Basalt Boulevard color palette (#FDF5DF, #D4D3A9, #B4AE7D, #A3815B, #344400)
Browse the whole catalog at Explore, or see today's palette.