Washed Petrol color palette — #F8D6E5 · #DE8E9D · #D77A4E · #1667AF · #170018

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

The five colors

• Shell Pink (#F8D6E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#DE8E9D): A luminous, balanced red — the color of a theater curtain.
• Coral Clay (#D77A4E): A luminous, balanced orange — the color of sun-warmed clay.
• Cobalt (#1667AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#170018): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged pastel, light, warm.

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

• Dusty Amber color palette (#E6DAE4, #C38DA8, #C5775C, #006F89, #0F012C)
• Weathered Lapis color palette (#FED6DA, #D6939A, #C1904F, #5F58B0, #270013)
• Nightshade Ridge color palette (#EDEDFF, #BA8FB4, #BA5F7B, #454193, #19031E)
• Worn Aubergine color palette (#EDD5FE, #DBA9D3, #D05F7A, #391C99, #030004)
• Linen Mustard color palette (#F2DEE5, #FD9F72, #B5A51A, #8F56A0, #350600)
• Misty Basin color palette (#FEDEF2, #F6B4AD, #E2AA49, #897CC7, #411921)
• Timeworn Terracotta Harbor color palette (#DEE3FF, #BC779D, #A84425, #003254, #040004)
• Plum Atelier color palette (#FDD7CF, #C80057, #00753D, #00552B, #060001)

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