Shadow Petrol color palette — #CBEEF2 · #006E7C · #003B48 · #001B24 · #00060C

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

The five colors

• Frost (#CBEEF2): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#006E7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003B48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001B24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00060C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged 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

• Moonless Forest color palette (#E3F0E7, #00704E, #003E2F, #00241D, #000403)
• Velvet Denim color palette (#D2EEFF, #006093, #003C67, #001639, #000118)
• Misty Courtyard color palette (#CEF0FF, #006582, #770080, #002F3E, #070009)
• Cerulean Studio color palette (#D4EBF0, #0092B1, #006E8F, #003E59, #001C30)
• Frosted Periwinkle color palette (#D5E7F5, #57A1F7, #586AC7, #00485D, #000612)
• Chestnut Ridge color palette (#F8ECD3, #755F00, #463300, #231400, #020200)
• Obsidian Courtyard color palette (#D3E0ED, #0051B9, #001BA8, #0B0058, #040020)
• Iris Orchard color palette (#D9E1F3, #7D89FF, #6257BC, #44377B, #201437)

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