Weathered Petrol color palette — #CBEDDF · #0074A0 · #193158 · #121E22 · #000A05

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CBEDDF): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#193158): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#121E22): quiet, heavy and certain.
• Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Muted Azure Orchard color palette (#D6F9EE, #0698EE, #485784, #153752, #000A05)
• Timeworn Abyss Coast color palette (#DFF1FF, #726E65, #003B54, #221C22, #000519)
• Velvet Denim Coast color palette (#D3F8E8, #005A7B, #12103D, #051719, #000302)
• Charred Sapphire Study color palette (#FAE6FB, #006BC2, #282B5E, #100113, #000201)
• Muted Atelier color palette (#E8DECE, #7CBDC4, #0091B1, #006E60, #001623)
• Shadow Lantern color palette (#F6E4F3, #2746D4, #231A3E, #070E13, #050004)
• Tempered Lilac Lagoon color palette (#F9E5ED, #AB80EF, #77585D, #4A363E, #130A10)
• Faded Lagoon color palette (#EBE7D4, #6EAA58, #0F854F, #00635E, #031400)

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