Shadow Petrol color palette — #DEF1E9 · #0074A2 · #252548 · #00150D · #010501

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DEF1E9): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#252548): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#00150D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010501): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Shadow 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 Cypress Cabin color palette (#D0E6CB, #007C73, #002E42, #061403, #030400)
• Velvet Ridge color palette (#D1F6EB, #005990, #202930, #1C1234, #000705)
• Cobalt Hollow color palette (#DEF1FF, #0091CB, #394366, #0A293E, #04141A)
• Inked Ultramarine color palette (#F7E4F7, #0060C8, #371B26, #130813, #010301)
• Ancient Orchid Pier color palette (#FAE8ED, #A065C3, #4B3532, #271A1E, #0F0B0E)
• Weathered Lime Ridge color palette (#FBF1DF, #90B75C, #007F57, #00556B, #242103)
• Linen Indigo color palette (#DAE4FF, #5272FF, #7A7A00, #386B2F, #0C1436)
• Cobalt Harbor color palette (#FFEEE6, #77E2F2, #008DC6, #006641, #10224D)

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