Petrol Studio color palette — #EEF2F9 · #D9D5DD · #C2B8C3 · #5D75A1 · #282C33

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D9D5DD): a clean, paper-quiet neutral.
• Stone (#C2B8C3): soft and architectural.
• Slate (#5D75A1): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#282C33): quiet, heavy and certain.

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

• Byzantium Balcony color palette (#F1F0FC, #E3D0DD, #C9B9CA, #8A4E9E, #252332)
• Antique Powder color palette (#E0EEFF, #ABB2D4, #8A7B97, #3C6664, #1D3D3C)
• Cerulean Quarry color palette (#F9F3F8, #E4D8D8, #CFBCB7, #7390C2, #4E444D)
• Hushed Indigo Meadow color palette (#E0E4F5, #7765B8, #332D42, #121524, #04060C)
• Dusty Quarry color palette (#EBF5ED, #B0B98C, #5C805A, #4D5370, #142D25)
• Ancient Mulberry Delta color palette (#E9E8F0, #D0C8D5, #B29BAF, #743C74, #171321)
• Pewter Basin color palette (#D7FBF3, #71A0D5, #7D5A95, #325021, #17223A)
• Wandering Navy color palette (#DEE4F1, #9C9EB2, #7F7694, #202387, #01040F)

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