Petrol Study color palette — #FAF3F7 · #DAB2CD · #AA6B4F · #5F65AB · #332C28
A conversation between Slate and Mocha, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FAF3F7): bright and airy, almost weightless.
- Carnation (#DAB2CD): A luminous, dusty pink — the color of a candy shop window.
- Mocha (#AA6B4F): A full-bodied, balanced orange — the color of toasted spice.
- Slate (#5F65AB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#332C28): quiet, heavy and certain.
Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Petrol Study 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
- Patina Cobalt color palette (#F8F3F9, #A1C4EB, #A86876, #216FBB, #3C2824)
- Worn Plum color palette (#FBF3F4, #D8B1D6, #7F8249, #934F92, #302E27)
- Dusty Canyon color palette (#F0F1F8, #CDB7F0, #B96672, #7B649E, #1B131C)
- Antique Harbor color palette (#FAF3F5, #D9C7F6, #D97E75, #987CC3, #332C29)
- Pewter Station color palette (#F5F7E7, #C299B2, #9F6276, #0B666C, #584047)
- Terracotta Dune color palette (#FFF0FA, #D9ACB8, #A96989, #953A3C, #753900)
- Weathered Driftwood Canyon color palette (#FBF3F4, #DFD9D5, #A5AFA4, #9772A4, #5C4E52)
- Frosted Grape Archive color palette (#FFF1F6, #AE8EE5, #8A5800, #6F00C4, #2B1800)
Browse the whole catalog at Explore, or see today's palette.