Shadow Petrol color palette — #DDECF4 · #007C9A · #00424E · #001216 · #000203
Cerulean and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DDECF4): a clean, paper-quiet neutral.
- Cerulean (#007C9A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00424E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001216): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000203): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Weathered Market color palette (#D5F1E3, #008763, #004237, #00150C, #000503)
- Inked Sapphire color palette (#D1E1F0, #0074D7, #003761, #001126, #00030C)
- Cerulean Pier color palette (#C6EEFB, #0096B0, #006175, #002F39, #000203)
- Timeworn Garnet Terrace color palette (#D4E5F2, #00719E, #5F003C, #002A3E, #040008)
- Weathered Garden color palette (#DEE6C9, #AF7600, #008093, #070F16, #000204)
- Antique Violet Lantern color palette (#DDF1F1, #61B1DF, #9153D8, #01460D, #001B21)
- Tempered Bronze color palette (#F6E5EB, #806300, #552C00, #3D0003, #0A0D00)
- Nightshade Lantern color palette (#D7E2F2, #3E64DC, #2000A8, #030045, #01001A)
Browse the whole catalog at Explore, or see today's palette.