Petrol Study color palette — #ECF9F4 · #EBD9DB · #D2B3B9 · #0070AD · #2D463E
Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF9F4): bright and airy, almost weightless.
- Bone (#EBD9DB): A whisper-light, dusty red — the color of late-summer berries.
- Rosewood Mist (#D2B3B9): A luminous, dusty red — the color of late-summer berries.
- Slate (#0070AD): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2D463E): 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
- Worn Sapphire Veranda color palette (#FCF2F9, #E6D5D2, #D6B2B0, #545FBB, #4E3848)
- Ancient Petrol Orchard color palette (#EBF3FC, #D7D4EA, #B3BDE5, #2C6EAC, #1C2631)
- Timeworn Denim color palette (#F2EDF2, #D7C7CE, #B19A9C, #0052A5, #352935)
- Hushed Forest color palette (#CCEECF, #84BFCE, #7278A7, #3D6338, #005054)
- Driftwood Archive color palette (#FBF3F4, #DFD9D5, #A6AEA5, #96749C, #585052)
- Hushed Periwinkle color palette (#EFF6FC, #DCD8E6, #C2A7A5, #63ACE0, #37414A)
- Antique Corridor color palette (#FFF0FF, #3A7ED0, #6437B5, #3C4500, #002F62)
- Tempered Olive color palette (#FFF2E9, #B6A16B, #5B7400, #673D76, #4A3800)
Browse the whole catalog at Explore, or see today's palette.