Shadow Petrol Villa color palette — #D4EBF9 · #007697 · #002D46 · #00131B · #000407

A conversation between Teal and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#D4EBF9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002D46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00131B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000407): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Wandering Cobalt color palette (#E3EBF9, #5A70B9, #283047, #0D1626, #03060D)
• Denim Balcony color palette (#E2F0FB, #005C84, #2B2225, #001B35, #00060E)
• Worn Hollow color palette (#D8F2E5, #0094BC, #074A6D, #0F2D21, #0A140E)
• Byzantium Cabin color palette (#D6E6FF, #3A7EEC, #B034B8, #00706F, #031638)
• Wandering Courtyard color palette (#E8F5F2, #96DFDD, #00949D, #006357, #002B31)
• Velvet Aubergine color palette (#E3EBFF, #5A413F, #300098, #280F12, #09001D)
• Charred Grape color palette (#E9EEFF, #642CCA, #2A0944, #0A0022, #00000B)
• Pale Dune color palette (#D2E6F5, #399BE8, #006ACA, #0042A1, #06155E)

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