Washed Petrol color palette — #E2F3ED · #E1A38E · #096A9A · #003A57 · #081A14

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

The five colors

• Cream (#E2F3ED): bright and airy, almost weightless.
• Rosewood Mist (#E1A38E): A luminous, dusty orange — the color of sun-warmed clay.
• Peacock (#096A9A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003A57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#081A14): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Petrol Loft color palette (#F5EBF3, #CDB074, #4A6297, #203360, #1F101D)
• Dusty Chapel color palette (#EDF6FF, #FFBDB0, #2C6898, #092A43, #00040C)
• Weathered Amber color palette (#E3F4EF, #CA7D46, #00477A, #001C35, #000302)
• Denim Coast color palette (#FAF3F7, #D9D2AA, #976F87, #484870, #32282E)
• Dusty Chartreuse Balcony color palette (#E5F3EA, #9FDC89, #0097B6, #265E6E, #0A1A12)
• Hushed Hollow color palette (#F9F3F8, #E3D6D5, #D0B9B2, #577CD3, #433541)
• Dusty Jade color palette (#E1F1FB, #71AD6E, #004A5F, #002632, #080E1D)
• Linen Cabin color palette (#FFF1F6, #9ACB89, #7754A6, #462968, #28131C)

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