Petrol Market color palette — #F4E6DD · #81BDD4 · #2370A9 · #004C47 · #06103B
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F4E6DD): bright and airy, almost weightless.
- Sky (#81BDD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2370A9): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#06103B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Ancient Petrol Hollow color palette (#EDF0E3, #96BBA8, #00719A, #004E59, #00314D)
- Ancient Ultramarine Lantern color palette (#F6EEE5, #7BA1C1, #304FAC, #00383F, #0C002B)
- Timeworn Cobalt Hollow color palette (#F8EAF2, #A8CADE, #338CD1, #006C66, #19295D)
- Worn Denim Delta color palette (#ECDAD2, #55959F, #00506C, #002D22, #00040F)
- Muted Teal color palette (#D5F6F1, #00AF9A, #006B63, #002D26, #000604)
- Dusty Cypress color palette (#F8F0EB, #C7E5E5, #AC92AF, #327877, #422F3D)
- Azure Terrace color palette (#DAEFC6, #70DAE3, #56A5E3, #416016, #001B1A)
- Hushed Navy Cabin color palette (#F8EBDF, #567D9A, #073287, #001F22, #01000A)
Browse the whole catalog at Explore, or see today's palette.