Shadow Petrol color palette — #C9ECF5 · #007998 · #004059 · #001B2B · #000103

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

The five colors

• Frost (#C9ECF5): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007998): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001B2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

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

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

• Faded Thicket color palette (#D0E5F7, #0072A9, #920079, #002E48, #040002)
• Cerulean Garden color palette (#DAF1F5, #008AA3, #006284, #004572, #000A1E)
• Patina Lagoon color palette (#D4E6DF, #008871, #005147, #001412, #000202)
• Tempered Field color palette (#D8E3F1, #007FE8, #003F72, #19141D, #000611)
• Aubergine Market color palette (#E0EEFB, #005795, #6B008B, #003B34, #000104)
• Nocturne Market color palette (#D1E2F2, #0068C3, #00389B, #030040, #01000B)
• Muted Villa color palette (#D8E5F4, #8EB0FF, #878AD8, #004160, #000107)
• Olive Field color palette (#DAEFE2, #7B7600, #463C00, #191100, #010100)

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