Petrol Studio color palette — #E6F2EC · #C3DFD5 · #C0B2C2 · #337B98 · #20332A
A conversation between Slate and Silver, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2EC): bright and airy, almost weightless.
- Silver (#C3DFD5): A whisper-light, dusty teal — the color of sea glass.
- Ash (#C0B2C2): A luminous, dusty pink — the color of neon signs at night.
- Slate (#337B98): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#20332A): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Softworn Cobalt Bloom color palette (#F5EBF4, #E6D0E0, #CBADBF, #4A71B3, #352934)
- Azure Coast color palette (#E7F0F5, #CFD2E1, #B8B6CC, #00A1CA, #233038)
- Denim Study color palette (#E8F1EC, #C1D0CB, #AF98AC, #005E77, #24312B)
- Worn Ash color palette (#F9F3F9, #E3D7D9, #D2BBBD, #7A90B6, #4D454C)
- Weathered Coast color palette (#E0E8F4, #9BABE0, #8379B3, #704D49, #562D30)
- Worn Chapel color palette (#E2E8D2, #68B891, #1E846A, #455D41, #242D11)
- Antique Denim color palette (#ECE2E9, #C2AEB9, #A78D99, #3E4C8D, #1B0F18)
- Cornflower Market color palette (#CEE8E1, #0089E9, #7443B6, #701B4D, #002527)
Browse the whole catalog at Explore, or see today's palette.