Hazy Loft color palette — #FFF4E1 · #FFD0C0 · #E1B800 · #00C06F · #363500

Built around Clover, softened by Saffron — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFD0C0): A whisper-light, dusty orange — the color of toasted spice.
• Saffron (#E1B800): A luminous, vivid green — the color of a quiet forest floor.
• Clover (#00C06F): A luminous, vivid teal — the color of shallow lagoons.
• Espresso (#363500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Emerald Garden color palette (#FDF3DC, #FFB392, #BBB100, #00A861, #1A2600)
• Pale Hollow color palette (#FFF3E8, #FFD1DC, #FFA359, #94B100, #442B00)
• Pale Chartreuse Summit color palette (#F9F7D8, #FFD9AF, #B6D600, #00B5A3, #0A4614)
• Ancient Clover color palette (#DFFFE2, #CED200, #00D373, #009CBD, #003129)
• Mint Studio color palette (#E2FDEC, #FFE299, #D9D9CD, #60D779, #293200)
• Pale Pine Atelier color palette (#F7EED1, #BDBF34, #729100, #097619, #004836)
• Moss Orchard color palette (#EFEBD2, #E69D2C, #92A200, #00867C, #072000)
• Mustard Loft color palette (#E1FEEB, #FFC565, #C2A600, #768C00, #3D3500)

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