Petrol Studio color palette — #F0E8DB · #A0BC9E · #007985 · #004D38 · #001922
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F0E8DB): bright and airy, almost weightless.
- Sage (#A0BC9E): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Tempered Cerulean Archive color palette (#F6F1E9, #B2D1B7, #008AA5, #005D4F, #002434)
- Weathered Petrol color palette (#EEE8DE, #90BFAC, #2C6FAA, #004A53, #020F40)
- Dusty Grove color palette (#F1EBE1, #80A78E, #006180, #003A37, #000C19)
- Hushed Cabin color palette (#F4EBF4, #7EBFBA, #00748C, #10540D, #003053)
- Hushed Study color palette (#DBEEDE, #83CBE9, #7B9DD8, #006459, #002127)
- Wandering Archive color palette (#DFEFE1, #007A82, #893294, #624700, #000E0F)
- Muted Brick Market color palette (#DEEDDE, #009193, #B83345, #005152, #2A0006)
- Softworn Dune color palette (#F5EDE0, #5D8368, #004255, #00201C, #000103)
Browse the whole catalog at Explore, or see today's palette.