Petrol Market color palette — #D8E1F7 · #C4A0A8 · #A36864 · #26678A · #25355F
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D8E1F7): A whisper-light, dusty violet — the color of a velvet chair.
- Rosewood Mist (#C4A0A8): A luminous, dusty red — the color of a theater curtain.
- Mocha (#A36864): A full-bodied, dusty orange — the color of toasted spice.
- Peacock (#26678A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#25355F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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 Denim Bloom color palette (#F4DBDD, #C394AF, #A17759, #3E5898, #522B4D)
- Muted Grove color palette (#F3EFFF, #F2B0BF, #A88666, #3D6377, #00323F)
- Hushed Cypress Chapel color palette (#CCE9FD, #88AFD7, #8D6E95, #006D63, #003E5B)
- Terracotta Chapel color palette (#FDE8EE, #AE828A, #9C4F4B, #00537C, #341D47)
- Bronze Alley color palette (#F5EAFF, #C48C8D, #8C6242, #1D5142, #23364D)
- Hushed Stone color palette (#F1D8E3, #E19D9B, #BA8C71, #478571, #1D4028)
- Petrol Corridor color palette (#FFF1F2, #D5BABB, #B39182, #557B9C, #63424D)
- Hazy Veranda color palette (#EFD9CE, #DA7A65, #0095B6, #B42400, #002E3B)
Browse the whole catalog at Explore, or see today's palette.