Washed Petrol color palette — #DBE4E8 · #9D9FAD · #8B8399 · #00707D · #000B11

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

The five colors

• Frost (#DBE4E8): a clean, paper-quiet neutral.
• Blue Fog (#9D9FAD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8B8399): A luminous, dusty violet — the color of wild irises.
• Teal (#00707D): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Abyss color palette (#E1E7E3, #99A9A2, #947E95, #004E5B, #000D04)
• Muted Basin color palette (#DBE3ED, #A59DAD, #948091, #005EC5, #010919)
• Spruce Basin color palette (#DDE9E0, #7D938C, #796470, #003036, #000200)
• Muted Fern color palette (#D6F9EA, #588B94, #3F678C, #4A4C00, #001910)
• Softworn Cypress color palette (#DAF3E2, #76935A, #007452, #005067, #030800)
• Softworn Summit color palette (#DADFE5, #C2BDCA, #B29FB1, #0D80E6, #14202D)
• Washed Ultramarine Delta color palette (#D7F5DD, #008E7C, #0057AF, #4A3700, #000405)
• Timeworn Quarry color palette (#CAE4F7, #0BC18F, #00A3D3, #A508DF, #00040B)

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