Petrol Study color palette — #DFEFDB · #5DB0A8 · #1B71AA · #712800 · #2D2500
A conversation between Slate and Rust, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DFEFDB): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#5DB0A8): A luminous, balanced teal — the color of sea glass.
- Slate (#1B71AA): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#712800): A deep, shadowed, balanced orange — the color of autumn markets.
- Onyx (#2D2500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Sapphire Study color palette (#D1F0E4, #1EADCA, #3967CC, #643F00, #2A2100)
- Quiet Teal color palette (#DBECCE, #00A98F, #00738B, #782423, #3A0D00)
- Weathered Workshop color palette (#CEE9DF, #46C3D6, #6084B9, #7F5235, #5F2E06)
- Azure Studio color palette (#CFE7EA, #00A7D2, #3D6E93, #583971, #5B1935)
- Sunlit Indigo Corridor color palette (#B3F7F3, #6DBCEA, #7C70C0, #675713, #153927)
- Softworn Denim Pier color palette (#DDF3FC, #7C9BB8, #6F569E, #174433, #002A1E)
- Powder Bloom color palette (#D8F9FC, #ABC8D8, #8793AA, #7A6269, #48373D)
- Aubergine Lantern color palette (#C6E5ED, #6B7CA3, #633180, #2D3800, #001413)
Browse the whole catalog at Explore, or see today's palette.