Washed Petrol color palette — #DDF3EC · #0069B2 · #724400 · #512F00 · #000A04

Built around Cobalt, softened by Bronze — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DDF3EC): A whisper-light, dusty teal — the color of sea glass.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#724400): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#512F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000A04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Garnet Courtyard color palette (#CCF1E7, #0070A9, #90002A, #631700, #040800)
• Lapis Field color palette (#FAE4F5, #3D46EF, #6C4800, #422A00, #010B00)
• Ancient Market color palette (#EEF6FF, #086CBF, #711300, #2D2A00, #000202)
• Quiet Indigo Chapel color palette (#FFEEF8, #7063FF, #736400, #504500, #001A1B)
• Misty Cornflower color palette (#E3ECD4, #0C7CF6, #7B2B9C, #303E00, #100F37)
• Timeworn Violet color palette (#E2E4F5, #9060E9, #9B3FB3, #685500, #00071F)
• Byzantium Lagoon color palette (#F2DBE1, #8C00C6, #614300, #3B3800, #000911)
• Hazy Courtyard color palette (#FEF1FA, #7C95FB, #B7693B, #865722, #23301F)

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