Shadow Petrol color palette — #D0E8EE · #00679F · #002B63 · #160044 · #0E0016
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#D0E8EE): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#00679F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#002B63): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#160044): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0E0016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
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
- Antique Nightshade color palette (#DCF2FF, #006EB6, #0034B9, #1A006E, #0C0029)
- Twilit Balcony color palette (#DCF1FF, #004F87, #001381, #0C0043, #02000D)
- Deep Market color palette (#C9EFE5, #00646B, #003346, #00173C, #080030)
- Charred Aubergine Lagoon color palette (#DBDDF1, #6257BF, #2D0085, #07002C, #01000E)
- Nocturne Nightshade Quarry color palette (#DCE4F8, #4537B2, #553800, #1C0063, #0B0500)
- Weathered Bronze color palette (#C2F0F3, #897300, #006C97, #0B0E16, #000205)
- Lapis Terrace color palette (#E6EFFE, #5241C2, #4A0064, #2A0023, #150007)
- Sunlit Plum color palette (#E3EDFE, #A78DC0, #A53E5C, #003B45, #0C0026)
Browse the whole catalog at Explore, or see today's palette.