Petrol Studio color palette — #FFF5D6 · #E1DEC3 · #8FB187 · #207B84 · #003B4D
Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FFF5D6): A whisper-light, dusty green — the color of new leaves after rain.
- Bone (#E1DEC3): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8FB187): A luminous, dusty green — the color of new leaves after rain.
- Teal (#207B84): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Dusty Jade color palette (#E5F4E3, #63A780, #0C6958, #003B58, #000923)
- Hushed Garden color palette (#FFF3E7, #E7D5BC, #A09764, #3D785E, #294021)
- Washed Summit color palette (#D0ECD3, #B8A66A, #507D6D, #2D636A, #324559)
- Softworn Pier color palette (#ECEBCF, #A3B07E, #4E7848, #005157, #001D26)
- Dusty Ridge color palette (#F5F6EB, #BBE2EF, #64B2D1, #007E87, #003349)
- Aged Turquoise color palette (#E9FDDA, #C8E4C2, #57B0BF, #5F6C9C, #3C365C)
- Hushed Lagoon Station color palette (#E4FFD1, #8FD59C, #21A17E, #006187, #00315A)
- Worn Denim Alley color palette (#D7FFF5, #B2D1B1, #4D95A4, #495280, #31284B)
Browse the whole catalog at Explore, or see today's palette.