Shadow Petrol color palette — #CFE6D8 · #006F84 · #0A2645 · #04180E · #010604

A conversation between Teal and Midnight, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CFE6D8): A whisper-light, dusty teal — the color of sea glass.
• Teal (#006F84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0A2645): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#04180E): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010604): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Cobalt Alley color palette (#D6EAE3, #0079B1, #45263D, #11231D, #050F0D)
• Tempered Dune color palette (#D0E3EE, #00ACCF, #4F6478, #2C404A, #030F13)
• Deep Ultramarine color palette (#EBDDEA, #004AD2, #260D47, #010A27, #000A06)
• Cobalt Basin color palette (#C8EFE2, #0680C4, #A25500, #526300, #0B3329)
• Moonless Meadow color palette (#F3DAE9, #5A2C00, #2B0081, #200E07, #0A000F)
• Shadow Station color palette (#F8DFE7, #7400B8, #330126, #1D170F, #16020A)
• Timeworn Pine Lagoon color palette (#FCF4E6, #98A16C, #31742D, #395335, #37362F)
• Aged Dune color palette (#FDF3EE, #B1CFAD, #00879A, #096335, #154435)

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