Petrol Study color palette — #E9F5F0 · #E8D6DB · #D1B7C3 · #0074A0 · #1A2923
Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F5F0): bright and airy, almost weightless.
- Silver (#E8D6DB): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#D1B7C3): A luminous, dusty rose — the color of pressed rose petals.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1A2923): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Petrol Cabin color palette (#ECF8F4, #EAD9DF, #C7B5C6, #0071A8, #29473D)
- Cypress Field color palette (#EEF3ED, #C8DBD9, #AAC7BD, #007C72, #1D291A)
- Weathered Indigo Pier color palette (#FAEEF5, #E6D1CD, #D9B5B6, #5F5FB2, #311E2A)
- Weathered Denim Studio color palette (#E3EBE8, #D5C7D0, #B79BA5, #005A8D, #091A15)
- Ancient Azure color palette (#EFF6FD, #D8D9E4, #B6ADB8, #2D9BDC, #283743)
- Weathered Lagoon color palette (#F3F3E2, #77B898, #007C75, #035374, #002818)
- Softworn Driftwood color palette (#F8EFF2, #DDD5D1, #B0AEA4, #9A7882, #3D3336)
- Deep Lantern color palette (#F5E2F3, #2B60D9, #2F2048, #1B071A, #000503)
Browse the whole catalog at Explore, or see today's palette.