Petrol Villa color palette — #F8ECF2 · #63AEC5 · #0069B3 · #004C3C · #0E083B
Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F8ECF2): a clean, paper-quiet neutral.
- Cyan (#63AEC5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#0069B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C3C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0E083B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Workshop color palette (#F1E3F2, #43B6B1, #00728B, #044E0D, #00152A)
- Antique Sapphire Quarry color palette (#F5E3EA, #7EB9E2, #4968DD, #005958, #24143F)
- Wandering Harbor color palette (#FBEAE0, #85C1D6, #006CAA, #003E3A, #000016)
- Aged Cerulean Bloom color palette (#EEE6D9, #2A9DC0, #004F74, #003031, #00142D)
- Aged Cobalt Thicket color palette (#F7EAF2, #9DCCE3, #008DDB, #006F53, #212957)
- Tempered Canyon color palette (#CBE6E5, #2DCAD8, #6A92ED, #4C5B00, #001A16)
- Lagoon Atelier color palette (#CCF8EF, #009C86, #00665A, #002A26, #000302)
- Plum Market color palette (#D0F4F7, #008C6E, #B10087, #00523F, #220018)
Browse the whole catalog at Explore, or see today's palette.