Washed Petrol color palette — #EBF4F1 · #E0D0CD · #CAB5B9 · #55799A · #262E2C

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#E0D0CD): a clean, paper-quiet neutral.
• Stone (#CAB5B9): A luminous, dusty red — the color of a theater curtain.
• Slate (#55799A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262E2C): a grounded near-black with real depth.

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

• Tempered Petrol color palette (#F0F6FC, #D9D9E1, #C1BCCD, #4B7A9C, #41494F)
• Muted Balcony color palette (#F7EFF4, #E0D3D3, #BAACA2, #97788C, #3B3338)
• Wandering Indigo color palette (#FBEEF3, #EBD0CB, #D6B5BB, #7758A6, #2E2026)
• Basalt Field color palette (#FFDDF4, #D1A5BA, #99747E, #725147, #552400)
• Weathered Summit color palette (#F9EEF6, #EBC8DE, #ABA5D1, #3A52AD, #241321)
• Antique Olive color palette (#F8F1E1, #B4B884, #6E7C47, #4B5B42, #2D2710)
• Hushed Delta color palette (#FCECF9, #B7DDFF, #98BDFF, #867CC9, #2E1929)
• Antique Navy color palette (#E9E1E9, #AB9AA7, #907185, #003372, #090209)

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