Smoked Petrol color palette — #E3F4ED · #006D98 · #341C2B · #00110A · #000300
A conversation between Peacock and Onyx, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3F4ED): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006D98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#341C2B): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#00110A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, 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
- Aged Cobalt color palette (#EFE2EF, #4076BC, #432732, #1C111D, #030805)
- Midnight Cypress Summit color palette (#D3E8D6, #00737A, #012C25, #021105, #010300)
- Navy Terrace color palette (#D8E9E3, #004774, #110627, #030D0B, #000201)
- Wandering Cobalt Pier color palette (#ECF7FF, #0094D2, #24364F, #02111E, #000103)
- Dusty Cypress color palette (#F9F1E3, #93A978, #357257, #154E5F, #1F1D01)
- Aged Indigo color palette (#F6E5EE, #7570C1, #856C00, #4C5F1A, #120D2F)
- Nightshade Courtyard color palette (#F6E3EE, #8585DF, #A07200, #4C42A9, #271900)
- Byzantium Coast color palette (#FFE2EA, #9039BF, #451729, #1D0810, #080106)
Browse the whole catalog at Explore, or see today's palette.