Velvet Petrol color palette — #D3ECEF · #006B7D · #003A49 · #001923 · #020411

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

The five colors

• Frost (#D3ECEF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006B7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003A49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#020411): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Velvet Petrol 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

• Midnight Denim color palette (#C9E6FB, #005B96, #00325E, #00143D, #0A001C)
• Timeworn Veranda color palette (#E3F4EC, #005975, #2E4700, #002432, #030700)
• Worn Corridor color palette (#CCEDE1, #008683, #006C80, #003E6C, #02002F)
• Indigo Thicket color palette (#C7EAE0, #7099D5, #5B69BD, #00374A, #000E24)
• Charred Aubergine color palette (#D8E4ED, #004468, #4A0073, #002B22, #000205)
• Twilit Veranda color palette (#FCEED6, #685900, #372900, #190E00, #050300)
• Feathered Cobalt color palette (#CCE9F8, #0093D0, #0067A2, #004276, #2C2452)
• Shadow Studio color palette (#D5E5F8, #0059D4, #0E0091, #0E004D, #050020)

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