Hazy Loft color palette — #C5EFF4 · #00705E · #940506 · #282B00 · #000201
Garnet takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#C5EFF4): A whisper-light, dusty blue — the color of open sky before noon.
- Pine (#00705E): A full-bodied, balanced teal — the color of shallow lagoons.
- Garnet (#940506): A full-bodied, vivid orange — the color of toasted spice.
- Deep Forest (#282B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Aged Garnet color palette (#D1E1EF, #006699, #8B2100, #272B00, #000103)
- Nocturne Boulevard color palette (#C9EEDE, #004A67, #6B000D, #271A00, #00050A)
- Petrol Studio color palette (#DEEDF9, #006791, #5F4B00, #002F2A, #000103)
- Aubergine Harbor color palette (#CEF6FB, #00705D, #7F0082, #401D00, #000201)
- Airy Amethyst color palette (#E9EDFF, #7C53D3, #755C00, #004334, #020008)
- Misty Mulberry color palette (#DCEDF7, #009DC3, #8A0061, #004355, #020006)
- Gentle Grape color palette (#E2E6F4, #6625DF, #940508, #382300, #010008)
- Feathered Cornflower color palette (#EFF6FF, #4385F7, #9F6A00, #005D38, #000719)
Browse the whole catalog at Explore, or see today's palette.