Petrol Studio color palette — #EDF4EF · #CDD9DA · #C4B0BF · #007182 · #19231D

Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CDD9DA): bright and airy, almost weightless.
• Rosewood Mist (#C4B0BF): A luminous, dusty pink — the color of peonies in June.
• Teal (#007182): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#19231D): 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

• Patina Ultramarine Coast color palette (#F5F0F5, #DFD2D2, #C4B2B5, #3461B3, #261D25)
• Petrol Delta color palette (#F0F7F3, #CDDDDD, #9CBBB1, #006F88, #343D38)
• Cerulean Hollow color palette (#F0F6FA, #D7DBE4, #CDC1C9, #2298B6, #243037)
• Cocoa Canyon color palette (#D5E6CD, #8DAF9A, #617398, #63400E, #1D2A00)
• Muted Atelier color palette (#F7F2E0, #A0A47B, #1E7558, #00505C, #1D1E01)
• Abyss Atelier color palette (#D7E3DC, #BBAEBC, #9B8693, #004B60, #010E07)
• Shadow Petrol Chapel color palette (#D1E4DD, #006AA3, #1F2142, #00100B, #000301)
• Softworn Denim color palette (#F8E7CB, #1F9BA5, #33599D, #483600, #001B25)

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