Petrol Market color palette — #F0E7E2 · #7EBED3 · #0072AC · #004C44 · #051335
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7E2): bright and airy, almost weightless.
- Sky (#7EBED3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072AC): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#051335): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Dusty Villa color palette (#F4E6DE, #9FBD9C, #00788B, #004E2B, #001826)
- Antique Ridge color palette (#EEF0E1, #69BFD9, #007295, #004F56, #00324A)
- Muted Garden color palette (#F9F0E9, #A9D2C0, #457FBE, #005B5B, #171C3F)
- Muted Parlor color palette (#EBE4DD, #6CA3CB, #0D49C7, #00393E, #0B002C)
- Hushed Azure color palette (#EDF8F6, #CEDEFD, #009FD1, #006873, #002134)
- Timeworn Cerulean Parlor color palette (#F2E1D9, #2B9BA4, #005169, #002D20, #00040D)
- Ash Lagoon color palette (#F7F0EC, #C6E6E5, #77A1C8, #3A7773, #41303D)
- Ancient Cerulean color palette (#F7F0ED, #CEE3CC, #0F9EB7, #1A6F45, #063528)
Browse the whole catalog at Explore, or see today's palette.