Petrol Villa color palette — #FAEBE3 · #78C4D5 · #006DA5 · #00402C · #010015
Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FAEBE3): a clean, paper-quiet neutral.
- Sky (#78C4D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DA5): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Timeworn Ultramarine color palette (#F6ECE3, #90C3B2, #3D5ACC, #003E3C, #04000F)
- Cornflower Coast color palette (#FEF3EB, #AAD7C4, #3576DF, #00524A, #0E002F)
- Wandering Nightshade Veranda color palette (#F6EDE3, #80A6CA, #3E42B2, #002B2D, #020006)
- Worn Cerulean Drift color palette (#F5EAD9, #009AB3, #00516B, #002C29, #00050C)
- Washed Cerulean color palette (#DCECDF, #67BFD2, #008FBC, #006D68, #001527)
- Dusty Lapis Corridor color palette (#E5E0D1, #8A8100, #3D53DC, #423D00, #00000B)
- Weathered Cypress color palette (#FCF3EE, #BFE6F5, #76ABE0, #008269, #272A50)
- Tempered Bronze color palette (#F2DDD4, #B16A00, #654A00, #1F2000, #010400)
Browse the whole catalog at Explore, or see today's palette.