Petrol Villa color palette — #F0E8DB · #97BEA6 · #00759D · #004B49 · #00172B

Slate takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Sage (#97BEA6): A luminous, dusty teal — the color of glacier melt.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B49): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Garden color palette (#EFE8DD, #93B8D7, #436BA9, #004959, #0C0E3B)
• Ancient Cobalt Station color palette (#F7F1E7, #A8DDCD, #5382CD, #005F73, #1A1F4B)
• Navy Cabin color palette (#EDE2D3, #49809D, #003D6A, #001F23, #00000A)
• Ancient Pewter color palette (#F5F1EA, #C6E4E2, #7AA797, #567458, #402F42)
• Plum Alley color palette (#FEDCDB, #AF2F7F, #656100, #00546E, #1B000F)
• Hushed Taupe Loft color palette (#FFE4E2, #FAB9BD, #D58D73, #7D4F7D, #30081A)
• Feathered Mulberry Ridge color palette (#F9E8E8, #BB529D, #00804F, #7C0062, #00170B)
• Wandering Cocoa color palette (#F8E4D7, #AC7A4C, #833F16, #5B120A, #160C00)

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