Hazy Studio color palette — #FFF2F0 · #FFA4C0 · #9F7700 · #C20066 · #030100
Built around Magenta Rose, softened by Ochre — the whole palette hums with optimism and energy.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Ballet Pink (#FFA4C0): A luminous, balanced rose — the color of pressed rose petals.
- Ochre (#9F7700): A full-bodied, balanced gold — the color of old brass.
- Magenta Rose (#C20066): A full-bodied, vivid rose — the color of strawberry cream.
- Black (#030100): a grounded near-black with real depth.
Feels like: Optimism, Energy, Balance. Tagged duotone, vibrant.
Use it as a design system
One click turns Hazy Studio 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
- Hazy Market color palette (#FFF2EE, #FFA7AE, #5D8F00, #C60043, #010200)
- Muted Byzantium Studio color palette (#FFF1F3, #FB99FD, #AB7000, #AC00B3, #030100)
- Faded Grove color palette (#FFEDEB, #FFA1CB, #AA9E00, #FA009F, #141200)
- Quiet Basin color palette (#FFF2EC, #FFCABE, #7DA100, #CA523B, #0C0A00)
- Peony Hollow color palette (#F3E9FA, #E2609E, #665C00, #8B0054, #040300)
- Dusty Bronze color palette (#FFF1F3, #FFA893, #BC6500, #5A4300, #151B00)
- Scarlet Hollow color palette (#F3E1DA, #DA2C3C, #433D00, #57000D, #020100)
- Hushed Ember Field color palette (#FFF3E9, #D15B00, #606600, #004D58, #100014)
Browse the whole catalog at Explore, or see today's palette.