Petrol Studio color palette — #E8F0F4 · #CFD9E4 · #AEB5D9 · #007F97 · #233036
A conversation between Cerulean and Mauve, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F0F4): bright and airy, almost weightless.
- Silver (#CFD9E4): bright and airy, almost weightless.
- Mauve (#AEB5D9): A luminous, dusty violet — the color of wild irises.
- Cerulean (#007F97): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#233036): 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
- Petrol Parlor color palette (#EDF9F2, #E8D3D1, #D9B9BC, #26829D, #16211B)
- Petrol Station color palette (#DBE1E7, #BDC4D5, #A3A0C0, #006799, #14212B)
- Antique Forest color palette (#CEE6E6, #7CB3C4, #7977A7, #37663F, #053D3A)
- Muted Indigo color palette (#F0F5FF, #DCDCF1, #C7B5D6, #5A6BD7, #2A3345)
- Patina Villa color palette (#F1F6FB, #DCD9E1, #CDBCCD, #6C93BC, #424850)
- Antique Veranda color palette (#D6EAE0, #83B383, #008473, #2C5A79, #00302D)
- Twilit Meadow color palette (#D4E2F2, #0074C6, #39255C, #01172D, #000509)
- Plum Drift color palette (#CCE7EA, #009D81, #A3099C, #344B00, #112600)
Browse the whole catalog at Explore, or see today's palette.