Petrol Studio color palette — #D0F3F3 · #86AEB6 · #2F809D · #643D56 · #371F39
A conversation between Cerulean and Cocoa, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D0F3F3): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#86AEB6): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#2F809D): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#643D56): A full-bodied, dusty pink — the color of peonies in June.
- Deep Indigo (#371F39): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Studio 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
- Tempered Harbor color palette (#C8EEF5, #95C6DC, #5B85A8, #6E5677, #432A3C)
- Tempered Loft color palette (#DDFFEB, #A9DBBC, #6EA2B3, #846178, #4B2C41)
- Worn Orchard color palette (#D4E8E9, #549DC8, #576BAD, #6C2C27, #3A1D00)
- Washed Teal Studio color palette (#D3E8E1, #00AFA7, #00747B, #004F5C, #00222E)
- Softworn Turquoise color palette (#D9F2FF, #3DBBDD, #00728F, #003747, #000F14)
- Aged Grove color palette (#DFE6C7, #77B6A5, #836C85, #6B4F46, #5A3700)
- Cerulean Delta color palette (#ECF4EE, #9DD1E3, #008AA5, #005D4F, #002434)
- Denim Studio color palette (#D2F7E7, #2E858B, #005476, #46182F, #2C0003)
Browse the whole catalog at Explore, or see today's palette.