Washed Petrol color palette — #F6EDDE · #59C6E9 · #006F9F · #003E3F · #000309

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#59C6E9): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Teal color palette (#EBE4D9, #51B4B4, #00606C, #002C21, #000102)
• Cobalt Quarry color palette (#FBF4E9, #95D4FF, #3D7CC5, #004F5D, #030333)
• Muted Cobalt Chapel color palette (#ECDBD1, #72BCD5, #008AD4, #006E65, #010842)
• Weathered Azure Meadow color palette (#FEF4E4, #BAF0FF, #2B9ECF, #006A68, #00203A)
• Antique Seafoam color palette (#6BFCEA, #00B4A0, #005E53, #001613, #000201)
• Dusty Lantern color palette (#DDE9D0, #00946D, #B60178, #004833, #040002)
• Timeworn Emerald color palette (#DFEAD5, #009F3C, #005F3D, #002C20, #000504)
• Petrol Archive color palette (#FBF4E9, #D7D6E4, #73ADDA, #007E86, #3B253B)

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