Petrol Studio color palette — #F9F2FD · #A96A80 · #1F6C94 · #434E80 · #373546
Peacock takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F2FD): bright and airy, almost weightless.
- Mocha (#A96A80): A full-bodied, balanced rose — the color of a warm blush.
- Peacock (#1F6C94): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#434E80): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#373546): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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 Cypress color palette (#F4F4FE, #9A7DB2, #007772, #005879, #2A3242)
- Ancient Marigold Market color palette (#FDF3EA, #D99C50, #5492C4, #486B88, #443233)
- Muted Ridge color palette (#EBF8F8, #5C9E77, #007095, #434E7C, #302E3E)
- Amber Canyon color palette (#EAF6E9, #AD7E2E, #45759D, #2F5372, #1E1826)
- Wandering Cypress color palette (#ECF9F5, #85A364, #008371, #005C79, #304A33)
- Dusty Driftwood color palette (#F1F7F2, #D2DDDC, #A4ADBB, #688C71, #4D554F)
- Nightshade Dune color palette (#E9F8FD, #008C8D, #3949AC, #583567, #2F2333)
- Wandering Mint color palette (#E9F9F7, #95C99D, #6AAFA1, #6D92BD, #412F39)
Browse the whole catalog at Explore, or see today's palette.