Petrol Studio color palette — #EFF6FC · #D8DAE5 · #BEBECB · #477B98 · #41494F

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D8DAE5): bright and airy, almost weightless.
• Stone (#BEBECB): soft and architectural.
• Slate (#477B98): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#41494F): 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

• Petrol Market color palette (#ECF3F8, #D5D6DD, #BCBAC9, #537A94, #242D34)
• Washed Cerulean color palette (#EFF7F4, #E0D3D2, #A89E94, #6896AE, #3F4B46)
• Antique Navy Drift color palette (#E7F0F8, #9CABBD, #70809B, #003A62, #051524)
• Weathered Cypress color palette (#E4FAFA, #87BDA8, #2B8474, #3A606B, #2F4749)
• Wandering Ash Studio color palette (#F0F5FF, #A5A8D9, #8385A5, #69586D, #5A3F46)
• Denim Cabin color palette (#EFF6FF, #C7D3E8, #97A6CA, #2558A2, #283443)
• Patina Powder color palette (#EEF6FF, #9ADDFF, #8CC1FF, #7180BF, #283A50)
• Softworn Aubergine Archive color palette (#E8E6EF, #BCB5CA, #9488A2, #64266B, #201D2A)

Browse the whole catalog at Explore, or see today's palette.