Petrol Study color palette — #EEF8F0 · #DAD5E0 · #7FAAD9 · #007D8D · #202D4D
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Silver (#DAD5E0): bright and airy, almost weightless.
- Cornflower (#7FAAD9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007D8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#202D4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Hushed Azure color palette (#EAFAED, #CFE2F7, #00A6E6, #007272, #002547)
- Lagoon Alley color palette (#FCF2F6, #CBE4F7, #95B0F1, #00A09B, #3D3358)
- Washed Turquoise color palette (#EBF9EE, #C8DDF9, #00C4D9, #008B69, #003B4C)
- Timeworn Canyon color palette (#E6F2E8, #7BC4D0, #007290, #003E38, #000307)
- Weathered Balcony color palette (#E3F3E6, #6FA9D4, #235496, #002A33, #00000B)
- Patina Cobalt color palette (#FBF4EA, #A9CFC0, #3F7BB9, #005E6B, #2B395B)
- Muted Hollow color palette (#D8FFF3, #B1DFE9, #B3AEB9, #948C54, #153834)
- Misty Meadow color palette (#ECF9EE, #A4D1FB, #4376D7, #004E62, #080034)
Browse the whole catalog at Explore, or see today's palette.