Hazy Loft color palette — #F6F3FF · #CF88D3 · #AA620C · #005937 · #001A3E

Built around Mauve, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#CF88D3): A luminous, balanced pink — the color of a candy shop window.
• Ochre (#AA620C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#005937): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#001A3E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Rust Meadow color palette (#F4F4FF, #B795D8, #BB5040, #4A4F00, #002121)
• Misty Forest color palette (#F8F2FF, #E8A2C6, #B37E36, #006E3F, #002E49)
• Blush Terrace color palette (#FEF0FE, #E9838F, #7E7B00, #00545B, #220C3F)
• Airy Corridor color palette (#FFECEF, #A74CAD, #7C4300, #004726, #002C53)
• Pine Field color palette (#F6F3FF, #DCCDE6, #B492AB, #4B7348, #00493F)
• Airy Amber color palette (#E9F3FF, #78B5FF, #D5782D, #007D93, #00313F)
• Wandering Indigo Coast color palette (#FDE6F2, #7A66D6, #615600, #003D38, #001916)
• Tempered Studio color palette (#FFF0F7, #D77327, #377500, #00404E, #140029)

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