Petrol Villa color palette — #FCEFE9 · #88C7D4 · #007BAA · #005345 · #00193A
Built around Cerulean, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FCEFE9): a clean, paper-quiet neutral.
- Sky (#88C7D4): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005345): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00193A): 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
- Aqua Alley color palette (#F5F7E8, #4BCBE1, #007A94, #005557, #00394B)
- Sapphire Boulevard color palette (#FAF0E7, #8FC2E6, #1D68E5, #005156, #180052)
- Softworn Teal color palette (#C5EADB, #00A69C, #006A75, #004355, #001D34)
- Softworn Cerulean Workshop color palette (#FDF1F9, #7ADCEC, #0099CC, #00755E, #003363)
- Washed Denim Villa color palette (#E7DBD5, #81A690, #005E8C, #003A33, #000629)
- Softworn Drift color palette (#D6FDE6, #B9D7FF, #B299FF, #007A66, #002339)
- Worn Turquoise color palette (#C6EBFF, #00ABD8, #00678D, #002E3F, #00080E)
- Worn Canyon color palette (#E9DDD3, #4F7F99, #003A76, #001F20, #01000B)
Browse the whole catalog at Explore, or see today's palette.