Hazy Petrol Loft color palette — #DFF4FF · #006A9B · #00406A · #001E3E · #0F002B
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFF4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006A9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00406A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001E3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0F002B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Petrol 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
- Charred Onyx color palette (#C9E9F0, #006588, #003666, #050055, #040019)
- Antique Study color palette (#CEF2F5, #007B89, #004452, #002631, #040E20)
- Muted Violet color palette (#E3EEFF, #989BD8, #7E5FC3, #00457F, #10163A)
- Dusty Delta color palette (#DCF2F7, #0086AD, #005AA2, #001D87, #10003E)
- Linen Loft color palette (#E2F0FF, #005EB1, #005B31, #002C58, #001507)
- Washed Meadow color palette (#DEE5F4, #0D33C3, #6D0068, #00383A, #00002A)
- Inked Drift color palette (#DEE8FF, #3560DF, #13009F, #03003D, #000015)
- Quiet Harbor color palette (#E2F1FF, #0F93FA, #0056CE, #0E10C6, #212674)
Browse the whole catalog at Explore, or see today's palette.