Petrol Villa color palette — #F5EDE1 · #75BBDF · #206CA8 · #004E57 · #192D52
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Sky (#75BBDF): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#206CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#192D52): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Teal Delta color palette (#F7EDDD, #59C5BF, #007680, #00523A, #003441)
- Cobalt Ridge color palette (#FCF4E8, #A3CAEA, #5179B4, #005D70, #4D2F46)
- Feathered Azure Study color palette (#E7F1F0, #B7D8EF, #42AEF0, #008DA8, #003054)
- Softworn Cerulean color palette (#FCF4E8, #88DFE4, #008EA6, #006856, #01465F)
- Washed Cerulean Veranda color palette (#F2E7D5, #309EB7, #00516E, #00302E, #001528)
- Worn Petrol Terrace color palette (#F9F4ED, #C2EEF1, #7E9CBF, #3C7985, #5E4C5B)
- Weathered Azure Ridge color palette (#C2FCF1, #59D7E2, #40ACE4, #2D6646, #203E26)
- Faded Navy Grove color palette (#E8E0D4, #4E84B9, #133386, #00212B, #060226)
Browse the whole catalog at Explore, or see today's palette.