Petrol Study color palette — #F9F3FA · #E6A5A7 · #66A87E · #1A7695 · #20202F
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F3FA): bright and airy, almost weightless.
- Rose Quartz (#E6A5A7): A luminous, dusty red — the color of embers at dusk.
- Jade (#66A87E): A luminous, balanced teal — the color of sea glass.
- Teal (#1A7695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#20202F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
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
- Petrol Atelier color palette (#FDF1F8, #F8BBA5, #83A578, #24739A, #3C3152)
- Ancient Coast color palette (#F5F3FF, #D2AACE, #9A9350, #00786B, #1B2637)
- Hushed Courtyard color palette (#F9F3F9, #FA9FA6, #98B35A, #718ABE, #382D38)
- Gentle Nightshade color palette (#EDF9ED, #C8A26A, #038EB0, #61439E, #251524)
- Hushed Studio color palette (#FDF2F6, #D6A17E, #485A4A, #37242E, #130D12)
- Washed Bloom color palette (#FDEEEA, #C87175, #28786E, #245D55, #251822)
- Timeworn Bloom color palette (#FFF0FA, #F95F40, #00856E, #004E94, #1E0019)
- Aged Honey Lantern color palette (#FFF1F8, #E5D9D4, #EDCD6D, #A4B2AD, #52313F)
Browse the whole catalog at Explore, or see today's palette.