Washed Petrol color palette — #D9E4DF · #AD9EA3 · #A38187 · #006C95 · #010C07

Peacock and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D9E4DF): a clean, paper-quiet neutral.
• Taupe (#AD9EA3): soft and architectural.
• Heather (#A38187): A luminous, dusty red — the color of a theater curtain.
• Peacock (#006C95): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#010C07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Study color palette (#DCE3DD, #92A5A4, #699297, #007178, #000D02)
• Wandering Summit color palette (#D9E8E0, #AF9FAD, #9C7C88, #004D63, #000D06)
• Muted Lapis Station color palette (#E4DCE1, #AD9C9A, #99817A, #5852B6, #10050C)
• Softworn Study color palette (#DBE2E7, #848F9B, #5A6B8D, #002E42, #000103)
• Indigo Alley color palette (#EFE5EC, #CCBBBA, #B89F99, #6D74D7, #2B1825)
• Patina Cobalt color palette (#E0F0FF, #777FC0, #7A5991, #644013, #181600)
• Wandering Canyon color palette (#EDE6D7, #0082C1, #4E43B9, #5E2900, #00030E)
• Periwinkle Field color palette (#EDF8F4, #EBD4CF, #4CACF6, #ABA193, #31443F)

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