Shadow Petrol color palette — #CCE4F8 · #0070A4 · #292350 · #001A2D · #040911

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

The five colors

• Frost (#CCE4F8): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0070A4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#292350): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#001A2D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#040911): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, 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

• Shadow Cypress color palette (#D2F4FC, #007875, #002E47, #001C22, #00090D)
• Obsidian Denim color palette (#D7E1EB, #005797, #382C31, #1E1037, #000918)
• Aged Coast color palette (#DEE4F5, #6662C4, #362B4B, #191E2E, #0B0C14)
• Cobalt Summit color palette (#CAE6FF, #008ED6, #314371, #172837, #081319)
• Worn Atelier color palette (#D1EDE4, #1BABFA, #7D5A72, #264A3F, #07150C)
• Midnight Nightshade color palette (#DFE6F5, #2819BE, #221A21, #1C0024, #000211)
• Frosted Indigo Coast color palette (#E1ECFF, #576BFF, #6D7B00, #216B34, #252D51)
• Charred Grape color palette (#DBDDFB, #7B00C5, #3D0024, #150127, #040105)

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