Washed Petrol color palette — #F3D8E1 · #CC978C · #967E4F · #2C69A8 · #351E4B

A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F3D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#CC978C): A luminous, dusty orange — the color of toasted spice.
• Mocha (#967E4F): A luminous, dusty gold — the color of honey in a jar.
• Peacock (#2C69A8): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#351E4B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Denim Meadow color palette (#FFE9E8, #BC8452, #7C814E, #525098, #370038)
• Aged Cypress Station color palette (#FDE4E9, #BE8EAE, #A27368, #006E6B, #002D48)
• Airy Lagoon color palette (#F5ECD8, #C5B12D, #3476E5, #807100, #001743)
• Dusty Abyss Coast color palette (#D5F5E2, #91996F, #637D57, #005759, #002E39)
• Soft Aubergine color palette (#FFE3D3, #968761, #3E7645, #5A296B, #2B020D)
• Washed Garnet color palette (#FFEBE4, #DFB970, #75B066, #8263A4, #6D174F)
• Timeworn Cocoa color palette (#FFE8DE, #E6D0BC, #B9B397, #A58598, #664550)
• Worn Mulberry color palette (#F0E8DC, #A8AC76, #5B8F47, #924379, #1B1C00)

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