Petrol Villa color palette — #D4E1E8 · #B2C7DC · #9BA5B9 · #006C82 · #142128

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

The five colors

• Silver (#D4E1E8): bright and airy, almost weightless.
• Lilac Frost (#B2C7DC): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#9BA5B9): A luminous, dusty violet — the color of wild irises.
• Peacock (#006C82): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#142128): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Basin color palette (#F0F7F3, #CEDDDE, #C7B4C5, #006A84, #021008)
• Abyss Thicket color palette (#E5EDF2, #AEBAC8, #858DA9, #004D5A, #0C222C)
• Timeworn Cerulean Villa color palette (#E7F0EA, #CDBEC3, #C3A0A0, #008FA8, #102419)
• Cobalt Drift color palette (#EEF6FF, #D5DEF4, #BABADA, #377BBD, #283441)
• Washed Periwinkle color palette (#C3E7EF, #709BD3, #7F6098, #2F5A45, #2C2700)
• Navy Chapel color palette (#DDE1EA, #A0A2BC, #89819D, #303B89, #040817)
• Washed Jade Coast color palette (#D2E8E0, #57A766, #00715D, #004D60, #002208)
• Powdered Ultramarine Meadow color palette (#DAE4D9, #008FAA, #4041C1, #4D3200, #001828)

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