Petrol Villa color palette — #F3EEE5 · #93BDA4 · #00719B · #00504E · #013053

A conversation between Peacock and Navy, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sage (#93BDA4): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#013053): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Chapel color palette (#FAF4EC, #ABCEBE, #3E7EAF, #005F66, #203A63)
• Tempered Cobalt color palette (#EFE7E3, #87BDCD, #006FB5, #004D3B, #0E1132)
• Feathered Chapel color palette (#E7DED0, #79AB9A, #0055A8, #003C48, #0D1455)
• Wandering Cerulean Boulevard color palette (#E5E0D7, #499EA5, #005363, #003128, #001622)
• Antique Sky Ridge color palette (#E5F3E8, #9DDFF2, #45B1E4, #01918F, #033052)
• Wandering Cypress Garden color palette (#F8F5EF, #CDE2E1, #76A595, #007E83, #5F4A61)
• Aged Navy color palette (#F2EDE4, #5387A6, #003E6E, #002127, #000030)
• Ancient Station color palette (#F9F4EE, #D0E2CE, #3C99A4, #007454, #27523D)

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