Washed Petrol color palette — #F8ECE2 · #8BB8D5 · #3B67AC · #004F53 · #272659

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#8BB8D5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3B67AC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#272659): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Muted Cobalt color palette (#DFECEB, #97B8D2, #006FB6, #00485D, #001533)
• Cobalt Courtyard color palette (#FCF4EB, #A5CFC4, #5F74B6, #005E6B, #3B335D)
• Softworn Petrol Hollow color palette (#FBEBE3, #9CBB9D, #00748B, #005334, #00314C)
• Ancient Onyx Archive color palette (#F3E7E0, #559AB1, #004E7B, #00302C, #020942)
• Ancient Periwinkle Alley color palette (#F8EAF0, #B2D8F7, #6AA4FF, #009097, #28294C)
• Ancient Balcony color palette (#FDF3EE, #C7E5CF, #5293B4, #27705F, #553E57)
• Washed Studio color palette (#F4E3DA, #458E8D, #004452, #002413, #000B14)
• Hushed Chapel color palette (#E3DFC5, #839921, #733CA1, #435000, #35194C)

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