Petrol Studio color palette — #FEECF6 · #39B2A0 · #0073A8 · #6C341C · #022732
Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Blush (#FEECF6): A whisper-light, dusty pink — the color of neon signs at night.
- Turquoise (#39B2A0): A luminous, balanced teal — the color of sea glass.
- Slate (#0073A8): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#6C341C): A deep, shadowed, balanced orange — the color of toasted spice.
- Midnight (#022732): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.
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
- Cobalt Archive color palette (#E6F7E9, #71B8C5, #5E75B6, #644F22, #202E38)
- Patina Jade color palette (#FEECF6, #7CAC5F, #007B79, #68314B, #032928)
- Softworn Harbor color palette (#E7F5F6, #3EA284, #754DA3, #583A00, #271D00)
- Teal Grove color palette (#DEFDF8, #00ACB5, #1B748F, #514571, #27414C)
- Weathered Nightshade color palette (#F7DFE7, #009198, #004AB0, #472900, #00151D)
- Wandering Teal color palette (#FFF2EC, #00CCBC, #438DC3, #895346, #304234)
- Ancient Lantern color palette (#D9FCE8, #009DD8, #6A3CC8, #463F00, #011B3E)
- Hushed Thicket color palette (#EDF4EE, #92BFAC, #5B814D, #2B5D66, #142D23)
Browse the whole catalog at Explore, or see today's palette.