Petrol Study color palette — #E9FAEF · #3BA4CF · #675EA7 · #5A4D10 · #2C3F53
A conversation between Slate and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#3BA4CF): A luminous, balanced blue — the color of deep harbor water.
- Slate (#675EA7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#5A4D10): A full-bodied, dusty green — the color of a quiet forest floor.
- Navy (#2C3F53): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Ancient Pewter color palette (#E9F9F6, #89AAD7, #8E63A2, #3F643C, #414856)
- Antique Petrol color palette (#FFF0F8, #38AC9C, #1071A5, #793914, #23424D)
- Mulberry Basin color palette (#EAF8FF, #0098B7, #993B75, #4A4C00, #02423C)
- Periwinkle Studio color palette (#FFEDE9, #659DEE, #5E62AA, #66334C, #2D1C2A)
- Washed Lagoon Field color palette (#E9F9F5, #86BBBB, #00857E, #3B5E77, #2A4849)
- Muted Chapel color palette (#FCF0FF, #7AB4FF, #777FC5, #815369, #313E51)
- Softworn Cerulean Bloom color palette (#FBF3F6, #C5E0F6, #668BC2, #007075, #3D4762)
- Ancient Orchid Bloom color palette (#EEF6FF, #73E9F6, #84B1FF, #A46ABD, #36425B)
Browse the whole catalog at Explore, or see today's palette.