Petrol Study color palette — #F1F7F2 · #D1DCDD · #BFAEB7 · #00717D · #313E35
Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D1DCDD): a clean, paper-quiet neutral.
- Ash (#BFAEB7): A luminous, dusty pink — the color of a candy shop window.
- Teal (#00717D): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#313E35): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Study 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 Delta color palette (#F4F6F0, #D0DDD9, #A6B8B1, #0C764E, #314200)
- Dusty Pier color palette (#F1F7F3, #CCDDDE, #D4BFD5, #2A8EA2, #333D37)
- Wandering Canyon color palette (#ECF3F7, #D2D6E0, #A5B9D1, #007183, #142329)
- Denim Corridor color palette (#F9F3FA, #E3CBD7, #C09CA1, #005AA6, #3E2B40)
- Antique Abyss Canyon color palette (#DEE4E0, #BFB5BF, #A28492, #004D5E, #0F2419)
- Patina Chestnut color palette (#DBEFD0, #9EAE95, #558374, #67530E, #24543F)
- Dusty Cobalt Market color palette (#F9F3F8, #E0D8D7, #ACACA2, #6981B3, #575056)
- Worn Cypress Hollow color palette (#FAF5EA, #9F9E73, #017554, #165267, #36362F)
Browse the whole catalog at Explore, or see today's palette.