Washed Petrol color palette — #E9F3FF · #9AB5DE · #B39868 · #4F72A9 · #1F3824

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Sky (#9AB5DE): A luminous, dusty blue — the color of deep harbor water.
• Camel (#B39868): A luminous, dusty gold — the color of honey in a jar.
• Slate (#4F72A9): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#1F3824): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Pewter color palette (#F1F0FF, #C6A4D9, #99A36C, #826394, #14392D)
• Tempered Petrol color palette (#E4F5FF, #7FBDD8, #C48E70, #287C9B, #432636)
• Aged Cerulean color palette (#EAF3FF, #DCD5E2, #B1AFA4, #648AA1, #303849)
• Cornflower Basin color palette (#FBF2FA, #ADC5ED, #D0AB6C, #5D8BDA, #604920)
• Ancient Cobalt Villa color palette (#EFF6FF, #97B1DB, #C78197, #4C72B2, #584461)
• Worn Lagoon color palette (#EAF2FF, #829BD4, #A78855, #887743, #1E2837)
• Weathered Basin color palette (#FAEEF4, #D6AFBC, #97788A, #655064, #203125)
• Dusty Veranda color palette (#EFF1FB, #9BCFC7, #635A83, #2B2F47, #12131C)

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