Petrol Studio color palette — #EAF4F6 · #D1D9E4 · #B8BDD0 · #4D7E85 · #242E30

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EAF4F6): a clean, paper-quiet neutral.
• Silver (#D1D9E4): bright and airy, almost weightless.
• Ash (#B8BDD0): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4D7E85): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242E30): a grounded near-black with real depth.

Feels like: 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

• Timeworn Balcony color palette (#F2F7F0, #D0DFDD, #D0BEC4, #448173, #454942)
• Powder Summit color palette (#CCF6FA, #95BCD3, #7B89A2, #4B5F49, #283B2A)
• Abyss Parlor color palette (#DCEDF2, #90A3AE, #6B7E91, #003F3E, #000508)
• Patina Cypress Field color palette (#E4F5FC, #C1D7E7, #9BADC6, #00686F, #021E27)
• Timeworn Stone Quarry color palette (#EBF5EC, #B5B884, #637E58, #335C64, #172C24)
• Ancient Navy Balcony color palette (#DDE4F0, #AEB2C7, #8F89A0, #2D3E7C, #040A19)
• Weathered Aqua color palette (#E3F6FC, #9AF9B7, #04D8ED, #6887BB, #03273A)
• Timeworn Teal color palette (#FFEBFA, #20B3A3, #2E719D, #66382F, #092730)

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