Petrol Study color palette — #EDF7FD · #F2B3A1 · #287C9A · #14495C · #18232B
A conversation between Slate and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FD): a clean, paper-quiet neutral.
- Melon (#F2B3A1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Slate (#287C9A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#14495C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#18232B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Aged Boulevard color palette (#E8FAF3, #FFC3C8, #609DC2, #3D6983, #142620)
- Ancient Sand Quarry color palette (#EAFAF0, #FCE2AD, #3E8191, #21402E, #05130B)
- Quiet Tangerine color palette (#D3E7FC, #FF8254, #005F9A, #003052, #001022)
- Dusty Stone Courtyard color palette (#EBFAED, #9ABA7F, #005D64, #1B3521, #0E1F1C)
- Weathered Bloom color palette (#F1F6FB, #DCD9E4, #C7BDCC, #6694BE, #414950)
- Antique Sapphire color palette (#F0F5FF, #D7B93F, #3F59D6, #253571, #121B2A)
- Wisteria Coast color palette (#EEF7FB, #7ED3E9, #B573B9, #008FA9, #252230)
- Worn Ridge color palette (#EBF7FF, #23A2C7, #BA5276, #556202, #1E2F39)
Browse the whole catalog at Explore, or see today's palette.