Petrol Villa color palette — #FFF2EF · #B57E8D · #5E8C64 · #006C79 · #4E3632

Teal and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Dusty Rose (#B57E8D): A luminous, dusty red — the color of late-summer berries.
• Fern (#5E8C64): A full-bodied, dusty green — the color of a quiet forest floor.
• Teal (#006C79): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4E3632): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Petrol Villa 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

• Forest Alley color palette (#FDF2F5, #A380B5, #838345, #157050, #4E353C)
• Olive Study color palette (#FCF3ED, #BC8B76, #5F7B41, #005E6F, #483A5F)
• Weathered Quarry color palette (#FDF3EB, #B48469, #488B92, #3D5E9A, #5E2F00)
• Patina Archive color palette (#FEF4E3, #C69E87, #907142, #006570, #6C3900)
• Lilac Bloom color palette (#FEEDF0, #B080BD, #3C8DB0, #296680, #2E1D21)
• Ancient Rust Canyon color palette (#FFF2ED, #C04847, #00795C, #005071, #4B1817)
• Ancient Driftwood Pier color palette (#FAF3F0, #DCD9D3, #A1B0A8, #AC7065, #5B504B)
• Tempered Turquoise color palette (#F2F5FF, #AE9FE5, #39ACC3, #627CA2, #383C4E)

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