Petrol Study color palette — #DFE7E1 · #92BCBD · #B3A0B5 · #008092 · #08180E
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DFE7E1): a clean, paper-quiet neutral.
- Ash (#92BCBD): A luminous, dusty teal — the color of sea glass.
- Mauve (#B3A0B5): A luminous, dusty pink — the color of peonies in June.
- Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#08180E): A deep, shadowed, dusty teal — the color of sea glass.
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
- Pine Market color palette (#E9EEE3, #99BBAE, #78A39A, #00865F, #101705)
- Antique Petrol Canyon color palette (#DDEBE7, #BC9EA5, #A78386, #1F689D, #000D08)
- Abyss Workshop color palette (#E8F4EA, #9BBDB2, #AB8A9F, #005E65, #07180B)
- Abyss Courtyard color palette (#E1E8EC, #94A2AC, #667F93, #003D49, #000509)
- Softworn Iris Boulevard color palette (#F5E6ED, #CFBAB7, #C09F93, #7E74BF, #2B1923)
- Patina Quarry color palette (#CBEDFA, #5E98E2, #7D74A5, #754E3C, #241600)
- Washed Bloom color palette (#EBE3D6, #0098B7, #005FD9, #7E221A, #000D16)
- Jade Coast color palette (#EDEACD, #60AC60, #00855A, #006362, #001501)
Browse the whole catalog at Explore, or see today's palette.