Washed Petrol color palette — #DFF4F5 · #007E87 · #004F5B · #002A35 · #000F16
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#DFF4F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007E87): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002A35): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Antique Dune color palette (#D3EBFA, #0082B7, #005070, #001C29, #000204)
- Airy Aubergine color palette (#DBEFFB, #007591, #832297, #003F4F, #0E0013)
- Hushed Pine color palette (#D0E8D4, #007A4A, #005A41, #003125, #000E0A)
- Dusty Drift color palette (#D6F0FF, #006085, #6400B1, #004936, #000204)
- Antique Quarry color palette (#D6EFFF, #59A4F1, #6887CF, #00556C, #000C19)
- Airy Azure color palette (#D3EEF8, #00A7DA, #0079AA, #00588B, #00305C)
- Antique Summit color palette (#EEE5D6, #886A00, #5B3F00, #351F00, #000502)
- Powdered Ultramarine Cabin color palette (#DFF0FF, #0086E8, #005CC5, #0F318F, #131956)
Browse the whole catalog at Explore, or see today's palette.