Hazy Studio color palette — #FFE2DD · #E82F7C · #603A25 · #381E1A · #1C0C10
A conversation between Fuchsia and Cocoa, giving this palette its sense of optimism and warmth.
The five colors
- Rose Water (#FFE2DD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Fuchsia (#E82F7C): A luminous, vivid red — the color of embers at dusk.
- Cocoa (#603A25): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Espresso (#381E1A): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#1C0C10): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, 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
- Worn Grove color palette (#FFE5DB, #C55B57, #5A3700, #2F1C15, #160909)
- Magenta Garden color palette (#F4D9DC, #CB42C4, #5F3A2E, #3C1A20, #1A0D14)
- Wandering Peony Quarry color palette (#FBF1FF, #F73B8C, #632700, #1E0C25, #020106)
- Blush Corridor color palette (#FCDDD8, #FF6093, #9A4E44, #5C362F, #1A0E0E)
- Lowlit Meadow color palette (#E9D7EE, #B6255C, #451D17, #230D29, #10050D)
- Hushed Brick Market color palette (#FFE7DA, #AD2800, #3E4C41, #312100, #150400)
- Tangerine Workshop color palette (#FFE5D9, #F76B00, #009EC8, #4877B7, #4C230E)
- Tempered Fern color palette (#FAF0E3, #B8955C, #615A05, #3E372D, #27201C)
Browse the whole catalog at Explore, or see today's palette.