Petrol Studio color palette — #EDF3F7 · #D7D6DF · #C2B9C7 · #197FA6 · #232E35
Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Silver (#D7D6DF): bright and airy, almost weightless.
- Ash (#C2B9C7): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#197FA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#232E35): a grounded near-black with real depth.
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
- Wandering Petrol Lagoon color palette (#F0F6FB, #D9D9E2, #C2BCD5, #4C7A96, #41494F)
- Muted Denim Quarry color palette (#E9F5F0, #89BFBC, #3E827B, #30587C, #002E2D)
- Worn Denim color palette (#EDF2F9, #CFD3E3, #AEA5C7, #005BA7, #0D1B29)
- Worn Driftwood color palette (#D6FAFB, #A9C3D5, #7E86AD, #316968, #164143)
- Wandering Abyss color palette (#E2E8ED, #99A0AF, #7B7798, #003A59, #00050C)
- Softworn Dune color palette (#F0F7F4, #E0D4D2, #C0BEAF, #5FA7D1, #34433D)
- Muted Lapis color palette (#EFF2F9, #DED2DE, #C7B9CC, #674FD3, #1F2435)
- Softworn Petrol color palette (#E2F8EF, #5EABAC, #5867A2, #464B00, #082635)
Browse the whole catalog at Explore, or see today's palette.