Petrol Market color palette — #E1EDE3 · #72BFDD · #0072A9 · #004B4E · #001532
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Sky (#72BFDD): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Wandering Study color palette (#F9ECE4, #83BAD2, #326C9F, #00504C, #1F2B52)
- Faded Denim color palette (#E6F2E8, #6DA1D2, #2652A9, #003746, #06022C)
- Cerulean Bloom color palette (#EDF0E2, #98CDE4, #2F90BF, #006A79, #00314E)
- Cerulean Lantern color palette (#E3EFE5, #119BAC, #005168, #002C27, #00050B)
- Hushed Navy Coast color palette (#D9E5DB, #3A7FAF, #00387C, #001E26, #00000C)
- Amethyst Dune color palette (#CBECDD, #868400, #7452BB, #4A4900, #160531)
- Tempered Mulberry Ridge color palette (#EEF4D5, #687300, #006690, #87144F, #000F09)
- Seafoam Ridge color palette (#CEF7E6, #9FE09B, #5CAD93, #705D00, #00201A)
Browse the whole catalog at Explore, or see today's palette.