Petrol Studio color palette — #FFF2EE · #F6D1B4 · #B3A47D · #576395 · #4D2C4F

A conversation between Slate and Royal Purple, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Wheat (#F6D1B4): A whisper-light, dusty gold — the color of old brass.
• Camel (#B3A47D): A luminous, dusty gold — the color of old brass.
• Slate (#576395): A full-bodied, balanced violet — the color of wild irises.
• Royal Purple (#4D2C4F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Antique Taupe Summit color palette (#FCE2F2, #B79C6F, #518377, #4D566B, #433A59)
• Antique Villa color palette (#FFF2EC, #E0DEC5, #B7B499, #9A788B, #694044)
• Timeworn Parlor color palette (#FFDFDA, #C0A080, #707649, #35376C, #30082F)
• Washed Garnet Station color palette (#FFF3E7, #CED48F, #5BA07E, #7A4278, #5E123C)
• Weathered Hollow color palette (#CBF1D2, #D0C997, #A4B378, #598790, #1B4B59)
• Emerald Veranda color palette (#FCF4E6, #D8D1A8, #5D9B62, #815369, #2E2801)
• Plum Boulevard color palette (#FFF4E0, #DBEEBA, #58B8A0, #9A4C76, #73341F)
• Bronze Cabin color palette (#F6D9B6, #B7A565, #837228, #3D4C34, #1A2C1A)

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