Petrol Villa color palette — #DDE8E0 · #8CA7A9 · #AA8EA3 · #007081 · #010D05
Teal and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#DDE8E0): a clean, paper-quiet neutral.
- Blue Fog (#8CA7A9): A luminous, dusty blue — the color of deep harbor water.
- Dusty Rose (#AA8EA3): A luminous, dusty pink — the color of a candy shop window.
- Teal (#007081): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#010D05): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Hushed Petrol color palette (#E1EFEA, #BEA3B6, #AD8985, #0067A7, #000D09)
- Antique Cypress color palette (#E0E6DA, #8DA8A0, #669291, #137555, #070B02)
- Onyx Garden color palette (#D8E4EA, #828F9A, #5B6C82, #002F3A, #000103)
- Abyss Alley color palette (#D8E7EF, #91A8B9, #72899E, #004D61, #000B13)
- Timeworn Cobalt color palette (#F4EBF4, #D5B8BA, #BD9E97, #5981BB, #271A27)
- Aged Dune color palette (#BFE9F3, #658ABB, #7B5E9A, #4D470D, #1A1600)
- Tempered Ultramarine Hollow color palette (#F2E4D7, #0088A0, #3F47BC, #553000, #000408)
- Byzantium Boulevard color palette (#DAEDE6, #00BEB8, #009CD9, #8848D4, #000109)
Browse the whole catalog at Explore, or see today's palette.