Wandering Petrol color palette — #D7E9EC · #007188 · #004963 · #00223A · #0F042A
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D7E9EC): bright and airy, almost weightless.
- Teal (#007188): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004963): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00223A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#0F042A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Wandering 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
- Navy Pier color palette (#CEF1FF, #006A98, #003B6F, #030072, #0E003F)
- Washed Cypress color palette (#CAEAD7, #007F66, #004D47, #002729, #001519)
- Twilit Cobalt Loft color palette (#DEE9F6, #006FC7, #00386B, #000F2C, #000207)
- Washed Denim color palette (#C8E7DC, #006597, #723B00, #00304A, #1C0A00)
- Wandering Iris Quarry color palette (#D8E6F3, #8495F3, #8E6EC3, #004758, #001331)
- Patina Garnet Boulevard color palette (#DAEDFF, #004F85, #7A0033, #253700, #000814)
- Hushed Archive color palette (#DDF1FF, #0063B4, #1109CA, #19006C, #16003B)
- Antique Navy Bloom color palette (#C2EBF6, #009AC9, #0069A7, #003A83, #36135C)
Browse the whole catalog at Explore, or see today's palette.