Petrol Studio color palette — #E9F6EC · #7FC0C9 · #CD8680 · #00808E · #4B2421
Built around Teal, softened by Dusty Rose — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F6EC): a clean, paper-quiet neutral.
- Ash (#7FC0C9): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#CD8680): A luminous, balanced orange — the color of toasted spice.
- Teal (#00808E): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#4B2421): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Trust, Stability, Sophistication. 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
- Antique Pine Orchard color palette (#EFF4E7, #8AC2A3, #C287A7, #008758, #4A2425)
- Softworn Summit color palette (#EAF8FC, #67C2BD, #D18259, #00847F, #624254)
- Ancient Cobalt Market color palette (#F9EEF9, #99B5DC, #C19255, #4373B2, #35302A)
- Patina Apricot color palette (#EBF8FD, #84D3DF, #ED9787, #279DAC, #5B4556)
- Sunlit Bronze color palette (#E1F8ED, #32B6EA, #B25800, #006485, #361600)
- Bronze Terrace color palette (#E4F8EB, #68A7B7, #B078A3, #897731, #142D1F)
- Dusty Lantern color palette (#FAF0E6, #C8B9A3, #9D7B59, #7F481A, #332B1A)
- Hushed Petrol color palette (#EBF4F2, #D7C09A, #426487, #0A3931, #061814)
Browse the whole catalog at Explore, or see today's palette.