Petrol Market color palette — #EFF6FF · #98B0DC · #989E67 · #5772A5 · #2A5747
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Mauve (#98B0DC): A luminous, dusty violet — the color of a velvet chair.
- Moss (#989E67): A luminous, dusty green — the color of new leaves after rain.
- Slate (#5772A5): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#2A5747): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Antique Petrol color palette (#F0F5FF, #A0AEDD, #BA8F67, #606FA7, #64414F)
- Ancient Pewter color palette (#F6F3FF, #D09DC6, #80A56F, #945C8B, #28574F)
- Softworn Alley color palette (#F1F5FF, #B9C1ED, #C3B072, #7B85D1, #594C21)
- Worn Indigo Summit color palette (#FAEEF6, #CDA5C0, #AB9D5B, #5E66C2, #3A3104)
- Tempered Iris Terrace color palette (#F0F5FF, #8693D4, #88904B, #547D55, #394256)
- Wandering Driftwood color palette (#FFF1F6, #A0C2A9, #9A7383, #6D5469, #344E45)
- Aged Lantern color palette (#F0F5FF, #DFD8E2, #C2AE9F, #6F93AA, #4E5162)
- Antique Pewter color palette (#F2F4FF, #99CEB6, #615680, #33374C, #27212C)
Browse the whole catalog at Explore, or see today's palette.