Hazy Petrol color palette — #D7E9F2 · #006F9E · #004674 · #002141 · #0F042B
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7E9F2): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006F9E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004674): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#002141): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0F042B): A deep, shadowed, dusty 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 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
- Eclipse Onyx Ridge color palette (#CFE9EC, #00637E, #004164, #020055, #06001D)
- Petrol Station color palette (#D6E9EA, #007580, #00434E, #002630, #00141D)
- Ancient Coast color palette (#D0F6FC, #0084AC, #005D96, #002F77, #12003D)
- Feathered Mulberry color palette (#EADEEA, #005BBA, #890055, #002B5D, #240012)
- Hushed Indigo color palette (#F5DDF2, #979FDB, #8069BE, #00417B, #0C103D)
- Weathered Navy Coast color palette (#DCEAF8, #0066D8, #0027A2, #0B0063, #0A003B)
- Nightshade Loft color palette (#E0EAFE, #0937BE, #6D0069, #00383A, #000127)
- Hushed Lapis color palette (#DDE2FF, #6142D8, #4F00A4, #2B0051, #1A002D)
Browse the whole catalog at Explore, or see today's palette.