Petrol Villa color palette — #EBDCD5 · #46B2BB · #0080A2 · #006046 · #000A17

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#EBDCD5): bright and airy, almost weightless.
• Cyan (#46B2BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006046): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Hushed Ridge color palette (#FEEBE3, #43C3D7, #008FBF, #006F5A, #00142D)
• Cobalt Quarry color palette (#EEDCCE, #66AACF, #2973CF, #005D5F, #06002B)
• Antique Cerulean Bloom color palette (#DBF0EC, #23A5AF, #006472, #003C39, #000B10)
• Soft Teal color palette (#E0E6CF, #00C7AF, #2BA2C7, #6C6900, #000D08)
• Muted Abyss color palette (#E3EFE5, #518091, #004351, #00201A, #000103)
• Chalky Emerald color palette (#D1EFDB, #00A372, #00764D, #00442E, #000201)
• Iris Harbor color palette (#EDE2D5, #86C6FF, #6489FA, #007B8A, #201740)
• Periwinkle Boulevard color palette (#FBEBE0, #90E0FF, #5FABEC, #00918A, #1D2A56)

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