Petrol Study color palette — #ECF9F3 · #D8C294 · #337A9C · #204C3C · #17251F
Slate and Sand set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Sand (#D8C294): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Slate (#337A9C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#204C3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#17251F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Patina Petrol Boulevard color palette (#FDF1FB, #DBC18B, #5771A6, #314264, #2A1C29)
- Weathered Cobalt Boulevard color palette (#ECF7FF, #FDE2AB, #2180A9, #0A3E54, #051119)
- Antique Harbor color palette (#ECF9F4, #D1A292, #2A5576, #003150, #162521)
- Muted Azure color palette (#EEF6FF, #FFC5BA, #6399D2, #476687, #1B222A)
- Ash Delta color palette (#F9F3F8, #E1D7D7, #CEBCB9, #7A8EC0, #4D454B)
- Dusty Boulevard color palette (#EEF8F5, #9EC9F1, #B575B1, #3C86C2, #321D21)
- Azure Workshop color palette (#E4FBF3, #51A8DE, #BE7A75, #816D25, #203931)
- Powdered Marigold Terrace color palette (#F3DCF4, #D6A200, #005AAC, #002D5C, #1A061C)
Browse the whole catalog at Explore, or see today's palette.