Petrol Studio color palette — #E7EFF8 · #A59DB4 · #938198 · #39649D · #030913
Peacock and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E7EFF8): bright and airy, almost weightless.
- Blue Fog (#A59DB4): A luminous, dusty violet — the color of twilight just after sunset.
- Heather (#938198): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#39649D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#030913): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Navy color palette (#EBE3E9, #B49DAC, #9C7B8D, #243F87, #10050F)
- Patina Navy color palette (#E9E0E9, #978891, #835F6E, #002169, #040003)
- Washed Drift color palette (#EDEAF7, #C7A8BA, #AE8E97, #95549E, #151023)
- Hazy Meadow color palette (#D3E5FA, #8974C6, #91536E, #235528, #001A03)
- Hushed Iris Dune color palette (#EBEEF7, #DACFDF, #C6B1C2, #858BCF, #282E3B)
- Iris Summit color palette (#D7E2FD, #04ACEE, #817DFF, #B54991, #060014)
- Moss Veranda color palette (#D8F5DE, #869200, #35722E, #473F73, #000805)
- Grape Lantern color palette (#DFECCA, #007BDB, #7B25AC, #314100, #020019)
Browse the whole catalog at Explore, or see today's palette.