Petrol Study color palette — #FFF2EF · #F1BAC8 · #98A05F · #2470A8 · #532C26
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Carnation (#F1BAC8): A whisper-light, dusty red — the color of embers at dusk.
- Moss (#98A05F): A luminous, balanced green — the color of fresh herbs.
- Slate (#2470A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#532C26): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Pewter Station color palette (#FFF2EB, #F9BCA2, #5CAB99, #7C5A93, #522B30)
- Patina Cypress Workshop color palette (#FDF2F6, #D5C1F4, #C28D5D, #007C71, #3E3055)
- Ancient Atelier color palette (#FAF3F0, #C4DEE5, #98CFD1, #56A28F, #5A455B)
- Timeworn Driftwood Atelier color palette (#FFF2E9, #E6DEB6, #C8A764, #8C872E, #504F48)
- Ancient Coral color palette (#FEF0FC, #CF7F75, #4B7E56, #405475, #3D3953)
- Chalky Aubergine color palette (#FFF4E1, #BE9300, #007986, #69006B, #200C00)
- Aged Basalt Garden color palette (#F9F4EE, #C4E1CD, #9DB891, #A17A7C, #554500)
- Amber Boulevard color palette (#FDEFE4, #D68649, #777531, #265740, #3B1F17)
Browse the whole catalog at Explore, or see today's palette.