Petrol Studio color palette — #EFE8DD · #84BDD0 · #0074A2 · #004B4B · #00162E
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Parchment (#EFE8DD): a clean, paper-quiet neutral.
- Ash (#84BDD0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00162E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Timeworn Petrol color palette (#F8EAF2, #79BDD1, #236CA8, #005140, #262A4C)
- Weathered Cobalt Parlor color palette (#F7F1E8, #ACD1C1, #3C81BA, #005A63, #2F152E)
- Soft Ultramarine color palette (#F5EEE4, #69A3CF, #0053B2, #003843, #040130)
- Faded Cornflower Cabin color palette (#F9F1E4, #A9D5FF, #3C79FB, #005E77, #1D1F49)
- Muted Cerulean Archive color palette (#E7F2E9, #74D3F0, #1C91C6, #006C6C, #132F4B)
- Navy Orchard color palette (#E4DDD2, #477FA1, #003C70, #001E24, #00000C)
- Pale Mulberry color palette (#EEEADD, #6E7000, #00678B, #841656, #0F0A00)
- Wandering Field color palette (#EFE9DA, #8C8200, #6B4CD4, #4E4800, #14013B)
Browse the whole catalog at Explore, or see today's palette.