Petrol Studio color palette — #E7EFF5 · #A19FB9 · #91829B · #006D8D · #000B14
Peacock and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E7EFF5): a clean, paper-quiet neutral.
- Blue Fog (#A19FB9): A luminous, dusty violet — the color of a velvet chair.
- Heather (#91829B): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#006D8D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Aged Denim color palette (#D8E8E2, #AF9FAF, #997C90, #004B6C, #000D07)
- Onyx Corridor color palette (#E3EAE7, #948A93, #7D6270, #002E42, #000201)
- Indigo Cabin color palette (#E7EAF9, #BBAAB8, #AC8D99, #795DBB, #0F1225)
- Iris Balcony color palette (#C9F1FB, #767ED4, #875872, #2B5544, #111100)
- Grape Pier color palette (#EFEAD8, #0088A1, #6139B6, #473900, #00040A)
- Muted Terracotta color palette (#CEE4F3, #007DA2, #903500, #413500, #020200)
- Washed Drift color palette (#E9EFF6, #D6D0E0, #C5B2C5, #6597C7, #252F39)
- Ancient Emerald color palette (#C9E9DE, #00A267, #00716F, #2E4A6B, #000803)
Browse the whole catalog at Explore, or see today's palette.