Washed Petrol color palette — #ECF4F2 · #E0D4D5 · #CDADB8 · #3A6893 · #162420

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Silver (#E0D4D5): a clean, paper-quiet neutral.
• Rosewood Mist (#CDADB8): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#3A6893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#162420): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Petrol Studio color palette (#FAF2FA, #E6D4D8, #BDAEB8, #456591, #403740)
• Cobalt Meadow color palette (#F0F6FC, #DAD9E3, #C0ACA8, #618BC7, #272F39)
• Dusty Grape Archive color palette (#F8EFF3, #EBCAD0, #CA9F9C, #6439B9, #28111D)
• Plum Alley color palette (#F9EFF0, #E4D3C8, #D8B7AA, #964698, #311F22)
• Patina Mulberry color palette (#F2E5E6, #D7C7C4, #C09A87, #7A3A6C, #1E1213)
• Softworn Fern color palette (#C8EBDF, #9F95C6, #886080, #525603, #272909)
• Dusty Navy color palette (#F1EAF1, #BFAEB6, #A8818A, #033C92, #100710)
• Softworn Canyon color palette (#FAF0E4, #A5A376, #487313, #5B3A50, #241B01)

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