Softworn Petrol Villa color palette — #E9F4F9 · #C6D6E7 · #A2AAC9 · #006677 · #001D29

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

The five colors

• Ivory (#E9F4F9): bright and airy, almost weightless.
• Powder Blue (#C6D6E7): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#A2AAC9): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006677): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#001D29): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Patina Petrol color palette (#EEF2F9, #DBD3DF, #BBB4C2, #4F619B, #1A212C)
• Weathered Onyx Studio color palette (#D6E2EB, #858E9D, #696783, #002E43, #000103)
• Navy Summit color palette (#E3E8F4, #B2B1C4, #96879F, #383A7C, #060A17)
• Washed Cerulean color palette (#EFF8F2, #E6D9E7, #DAB0C5, #00869B, #24382C)
• Timeworn Chapel color palette (#DCF4F1, #5EA5D2, #785B9B, #484B0B, #232500)
• Velvet Veranda color palette (#D8E5F1, #005F9B, #252127, #221143, #000815)
• Muted Garnet Grove color palette (#C0E7FB, #007F97, #920506, #3E2700, #170C00)
• Powdered Pier color palette (#CBEFDC, #5FAA55, #006B59, #004362, #021C01)

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