Petrol Market color palette — #DDE9F3 · #0073A4 · #6E3400 · #302700 · #0F0A00
Slate and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DDE9F3): bright and airy, almost weightless.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#6E3400): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#302700): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0F0A00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Market 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
- Patina Quarry color palette (#E2EFFF, #0069CB, #6A3700, #002F26, #000E0A)
- Terracotta Pier color palette (#DFF0FE, #0086BB, #942C01, #2F3900, #111700)
- Patina Mulberry color palette (#CDE5EC, #007B7B, #810844, #382200, #120800)
- Ultramarine Atelier color palette (#D1E1F7, #0048CB, #4D2F00, #1A1C00, #030400)
- Pale Cornflower Quarry color palette (#ECDBED, #3B87E1, #A43C2D, #5B3B00, #052701)
- Aged Cornflower Bloom color palette (#FFEFFF, #3391FF, #9F3177, #4D3200, #00110A)
- Aged Aubergine Studio color palette (#D9E1F6, #5959BE, #6F1970, #5B0019, #00232F)
- Iris Workshop color palette (#ECF2FF, #7880ED, #73650D, #3C460E, #0F2503)
Browse the whole catalog at Explore, or see today's palette.