Petrol Studio color palette — #ECF4F1 · #DFD0CD · #D0B4B7 · #4C7B98 · #242F2B

Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DFD0CD): bright and airy, almost weightless.
• Rosewood Mist (#D0B4B7): A luminous, dusty red — the color of a theater curtain.
• Slate (#4C7B98): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#242F2B): 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

• Timeworn Petrol Station color palette (#EFF6FC, #DADAE4, #C6BCCC, #547A90, #3F4950)
• Washed Indigo color palette (#F7EFF3, #E3D2CF, #DBB3B8, #6C5DAA, #311E28)
• Patina Lagoon color palette (#F1F3E7, #A9BA98, #00877D, #365F49, #222B17)
• Muted Ridge color palette (#FDEBFF, #D4ACC4, #9C7880, #7F5313, #3B3832)
• Muted Station color palette (#F0F7F3, #DED4D2, #A5A095, #6EA7BF, #37423D)
• Patina Navy color palette (#D9E2DF, #AA9AA7, #937083, #003860, #000604)
• Antique Cobalt color palette (#F0E1EE, #4C71C2, #422736, #1D111C, #020806)
• Antique Parlor color palette (#F8EEF7, #E1CDDA, #B1A1D6, #0055BB, #221522)

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