Petrol Villa color palette — #F4F6EE · #C9E4D7 · #5791B7 · #006E83 · #274B6A
A conversation between Teal and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Celadon Mist (#C9E4D7): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#5791B7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006E83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#274B6A): A full-bodied, 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
- Tempered Cerulean Cabin color palette (#C8F0D5, #5EB6D0, #0088AF, #005E82, #333D67)
- Washed Cerulean color palette (#F7F0EC, #BEE7D5, #5F91C8, #006C6C, #392434)
- Weathered Denim color palette (#EBF1E1, #5E96BE, #004B84, #002D3D, #001233)
- Muted Canyon color palette (#EBF8F7, #D3DCF4, #90C5E7, #52A5BA, #364A5D)
- Patina Denim Ridge color palette (#DFE0D0, #65ACAE, #00636C, #003F38, #00242B)
- Hushed Garden color palette (#E6FBF3, #72A6CA, #B56CA5, #006DA0, #593351)
- Muted Dune color palette (#EDF0E5, #90BDAC, #006DAC, #004D61, #002E5B)
- Gentle Parlor color palette (#DFFEEE, #2095BD, #7D6FB1, #007D52, #194130)
Browse the whole catalog at Explore, or see today's palette.