Petrol Villa color palette — #DBEDE6 · #0073A7 · #794E00 · #003A58 · #0E0600

Slate and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBEDE6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#794E00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003A58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Ancient Workshop color palette (#D0ECD6, #007984, #933600, #003E44, #140300)
• Chalky Courtyard color palette (#F9E7F8, #3367C2, #725100, #002D81, #0D0600)
• Ancient Denim Corridor color palette (#E1F0FF, #005A9D, #6F3F00, #3B3900, #00030C)
• Fern Dune color palette (#D0F1E4, #0075A9, #176C09, #003E5C, #032201)
• Misty Chapel color palette (#CFE9FC, #0092C6, #926E00, #005A7C, #241900)
• Weathered Garden color palette (#F5DAE7, #6F52C2, #5C5C00, #3F008B, #080800)
• Hushed Alley color palette (#BFE9DB, #ADB0EB, #AD7AAB, #005562, #170217)
• Wandering Terrace color palette (#F1E8D5, #697A35, #4E4400, #321E00, #000800)

Browse the whole catalog at Explore, or see today's palette.