Petrol Studio color palette — #EAF5ED · #B09A5D · #007F94 · #683A5B · #341E33
Teal and Camel set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EAF5ED): a clean, paper-quiet neutral.
- Camel (#B09A5D): A luminous, balanced green — the color of fresh herbs.
- Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#683A5B): A full-bodied, dusty pink — the color of peonies in June.
- Onyx (#341E33): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged muted.
Use it as a design system
One click turns Petrol Studio 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
- Cypress Balcony color palette (#FAEEF4, #C48E71, #1E846A, #4E4179, #331E38)
- Aged Cobalt Quarry color palette (#E9F5F2, #86A966, #566EAF, #74382E, #361E31)
- Weathered Alley color palette (#FBF5E6, #BCB468, #5197B0, #855972, #5A3836)
- Patina Jade Boulevard color palette (#E6FAF7, #73A772, #307E7A, #2D5972, #314936)
- Garnet Terrace color palette (#E2F8EE, #828B00, #006097, #6E0021, #310700)
- Worn Driftwood Lantern color palette (#EDF4EE, #A7CDBD, #6E8D62, #526855, #25352E)
- Aged Veranda color palette (#F7EFF3, #D7D1E6, #74A0CE, #307875, #2C364A)
- Teal Ridge color palette (#F4F6ED, #A1DDAA, #24AEB5, #4B6D94, #3A3831)
Browse the whole catalog at Explore, or see today's palette.