Petrol Study color palette — #D2EDF8 · #5D8BAC · #4363A7 · #563556 · #28041B
A conversation between Slate and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#D2EDF8): A whisper-light, dusty blue — the color of open sky before noon.
- Storm Blue (#5D8BAC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4363A7): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#563556): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#28041B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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
- Faded Garnet Alley color palette (#F2D8F1, #7680BC, #6A5798, #762A48, #250004)
- Washed Lagoon Study color palette (#D1F5EF, #129298, #106F85, #434274, #190230)
- Wandering Coast color palette (#CEF7EB, #1D86A0, #384E8B, #442700, #1F1000)
- Linen Archive color palette (#CEEBF7, #007FAB, #006594, #003A64, #00081B)
- Twilit Petrol Station color palette (#D2F3DE, #0D6B7D, #313664, #271300, #070200)
- Cobalt Pier color palette (#DFE4D5, #6BA7D7, #0075D2, #005977, #000720)
- Faded Terrace color palette (#D9ECE7, #0083D3, #008832, #005890, #000901)
- Patina Iris color palette (#E3F1FF, #A0B7E7, #9092D5, #9D6685, #532E27)
Browse the whole catalog at Explore, or see today's palette.