Smoked Petrol color palette — #C7F3F7 · #007281 · #003849 · #00131D · #00040B

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

The five colors

• Frost (#C7F3F7): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007281): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003849): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00131D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00040B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Smoked 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

• Timeworn Petrol Market color palette (#D1F1EC, #00848E, #004F65, #002337, #000217)
• Onyx Balcony color palette (#D4E5EE, #005F93, #002D5C, #020041, #010011)
• Wandering Petrol color palette (#E1F3FF, #386DA0, #323C6A, #390A32, #260103)
• Ultramarine Lagoon color palette (#D3E5FA, #004CCD, #1A0088, #0C0036, #040012)
• Softworn Navy Parlor color palette (#D2E9F2, #009FDD, #005F96, #00346C, #010C6E)
• Faded Sapphire Meadow color palette (#D1E9FD, #0772EF, #1930AF, #1E0078, #1A004C)
• Ancient Lapis color palette (#D9DFEB, #5144EF, #3F009D, #250049, #150023)
• Timeworn Canyon color palette (#E6F1FF, #8BA8EF, #686DAE, #4F4788, #482E71)

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