Petrol Studio color palette — #FBE8F3 · #70C4DF · #006DA8 · #003E39 · #000015
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FBE8F3): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#70C4DF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Worn Ultramarine color palette (#E8F1E8, #87BCED, #3650E6, #003D45, #030010)
- Tempered Teal color palette (#F0E2EB, #52B4B2, #005F70, #002D18, #000103)
- Hazy Bloom color palette (#FFF1F6, #9BD4F8, #3577DA, #005155, #0A0131)
- Softworn Drift color palette (#EEF2E0, #27C2EB, #008FBD, #006B77, #001624)
- Patina Denim Quarry color palette (#EEE2D1, #519BB2, #005072, #003030, #00142B)
- Hushed Azure Quarry color palette (#D1EBFF, #009FDF, #005478, #001628, #000103)
- Gentle Wisteria Chapel color palette (#E6F7FF, #A7C6FF, #B988F8, #006E6D, #000A13)
- Muted Pier color palette (#E5F1FA, #0089BA, #C2090E, #00425B, #040000)
Browse the whole catalog at Explore, or see today's palette.