Petrol Studio color palette — #F5F1EA · #C4E6E9 · #AF90AF · #357585 · #452D40
Teal takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Silver (#C4E6E9): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#AF90AF): A luminous, dusty pink — the color of peonies in June.
- Teal (#357585): A full-bodied, dusty blue — the color of open sky before noon.
- Espresso (#452D40): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: 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
- Muted Cypress color palette (#F5F1EA, #C3E7E7, #78A89A, #35767D, #432D42)
- Dusty Meadow color palette (#EAF6E7, #81C1B9, #C38A94, #248279, #4B251D)
- Dusty Cypress color palette (#FAF3F5, #DADDEE, #8A97C3, #007F7F, #4D506E)
- Denim Bloom color palette (#F4E9D9, #68A4C9, #1A5998, #003841, #01032D)
- Worn Petrol Drift color palette (#EEE8DE, #7FBFCF, #01759B, #004B48, #00172B)
- Patina Driftwood color palette (#E7F7E6, #BFE2DF, #A8B2CC, #739152, #324437)
- Patina Chapel color palette (#E5F8E4, #5EABA9, #9F7EB2, #917249, #1C2C1C)
- Muted Cerulean color palette (#F6F1E9, #B0D0C0, #4782AB, #005B5F, #2E162F)
Browse the whole catalog at Explore, or see today's palette.