Petrol Villa color palette — #FFF0FD · #EACBDA · #81A78F · #1F808C · #1A4059
A conversation between Teal and Navy, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Silver (#EACBDA): A whisper-light, dusty rose — the color of a warm blush.
- Sage (#81A78F): A luminous, dusty teal — the color of sea glass.
- Teal (#1F808C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1A4059): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Tempered Cypress Study color palette (#FAF2FF, #E6CFE3, #BB906A, #3D7E6B, #0B3E50)
- Patina Turquoise color palette (#EFF8F0, #D4D7E8, #1EBBCB, #00835F, #003442)
- Dusty Cerulean Parlor color palette (#FFF0F8, #CBF5EC, #9ABBAD, #55879E, #3B4D6B)
- Muted Basalt Summit color palette (#E1FFDF, #B8DFCB, #77A69D, #546C90, #372E55)
- Hushed Cerulean Villa color palette (#E9E3FF, #EEB5AC, #B3A97C, #7886B6, #34425C)
- Ancient Lagoon color palette (#EBF9F5, #A4DDDA, #429C83, #865066, #042F2E)
- Bronze Market color palette (#FFD6CE, #C5916C, #8A6C25, #446049, #27493F)
- Worn Taupe color palette (#FFD6C9, #C59668, #827A41, #005260, #00132A)
Browse the whole catalog at Explore, or see today's palette.