Shadow Petrol color palette — #C4EBEC · #007884 · #004C59 · #00181F · #000102

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

The five colors

• Frost (#C4EBEC): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007884): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004C59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00181F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000102): quiet, heavy and certain.

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

• Hushed Lagoon Courtyard color palette (#C7F1E4, #008C8A, #006C80, #00445F, #00091B)
• Weathered Pine color palette (#D9F0DF, #008151, #004D38, #001C15, #000201)
• Muted Study color palette (#D5E3DB, #007695, #860097, #00303F, #030004)
• Misty Aubergine color palette (#DEECF5, #005C81, #5D00A1, #003C2C, #000103)
• Ancient Iris color palette (#D7EDE5, #7FB9F1, #608AEE, #004356, #000201)
• Pale Sky color palette (#BAECFF, #0EC0F5, #008BC1, #005383, #001E3A)
• Velvet Bronze color palette (#F0E6D9, #8D6E0E, #503700, #1D0F00, #020100)
• Linen Balcony color palette (#D6E9FB, #006CE0, #002EB4, #0A0051, #01000A)

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