Petrol Villa color palette — #FAF4EB · #B3E0D0 · #7098CA · #0E798C · #2C3861
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Mint (#B3E0D0): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#7098CA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#0E798C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2C3861): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Periwinkle Parlor color palette (#F0F7F1, #DAD5E0, #6BA8F7, #007C91, #202E48)
- Timeworn Orchard color palette (#F9F4ED, #C2DDC3, #2AA6BC, #007E66, #004156)
- Ancient Cabin color palette (#FFF4E2, #80D8F9, #0096D9, #007275, #003265)
- Tempered Petrol Quarry color palette (#E9E0D3, #5CB0C1, #007093, #004A46, #001527)
- Patina Cobalt Archive color palette (#FAF4EF, #A3D0C0, #5774C0, #00605D, #3D325B)
- Cerulean Courtyard color palette (#F9F4EE, #CBE7E8, #8BBDB1, #53919C, #614A5E)
- Timeworn Denim color palette (#EFE6D9, #6797C2, #2253AB, #003948, #05002C)
- Periwinkle Parlor color palette (#FDF2F6, #C4E5FF, #8FAFFF, #00A09B, #3D3456)
Browse the whole catalog at Explore, or see today's palette.