Smoked Petrol color palette — #D0EBFE · #007397 · #122B4A · #001B27 · #020712

Built around Teal, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Frost (#D0EBFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007397): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#122B4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001B27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#020712): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Dusty Cobalt color palette (#DCE5F6, #5E6CAB, #2E3045, #151F31, #0D0D14)
• Twilit Canyon color palette (#E2EBF8, #055BE3, #282350, #031539, #070918)
• Antique Bloom color palette (#DEEFE7, #00B0E6, #4C698C, #284A3C, #09150D)
• Washed Cerulean color palette (#E5F4EC, #0094BB, #333F7C, #0D2D20, #0B1409)
• Moonless Atelier color palette (#D7E7FD, #0032AF, #1D131A, #0F052D, #000213)
• Velvet Aubergine color palette (#E0DDF4, #754C02, #49005C, #2C1415, #0D0007)
• Dusty Ridge color palette (#E4EBFF, #5A73E9, #C33C2A, #007436, #222D57)
• Inked Grape Bloom color palette (#D9DFFC, #6B1ACE, #2F0D36, #12002C, #050005)

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