Muted Petrol Villa color palette — #D6EEF6 · #006787 · #004362 · #001F36 · #00040D

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6EEF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006787): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004362): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001F36): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00040D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Muted 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

• Muted Canyon color palette (#D6F2FC, #0084AD, #005C85, #003A5B, #00162F)
• Cypress Loft color palette (#CBE9DF, #006F61, #00433F, #002323, #000708)
• Cerulean Coast color palette (#CFF0EF, #008EA5, #005576, #002759, #00000B)
• Dusty Forest color palette (#CDE8DE, #00628D, #135904, #002D44, #000400)
• Midnight Cobalt Atelier color palette (#D3E6FF, #2473C8, #003A6F, #00122C, #000104)
• Obsidian Aubergine Terrace color palette (#DCF5EA, #00506F, #510092, #003828, #000103)
• Tempered Pier color palette (#F3E6F4, #8396CD, #7670CB, #003A5A, #000519)
• Shadow Courtyard color palette (#DDEBFF, #1640A6, #0F0082, #090038, #01000B)

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