Washed Petrol color palette — #FFF1F5 · #B8D6C3 · #88A7A1 · #5C7690 · #464D61
Slate and Oat set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Oat (#B8D6C3): A whisper-light, dusty teal — the color of shallow lagoons.
- Taupe (#88A7A1): A luminous, dusty teal — the color of sea glass.
- Slate (#5C7690): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#464D61): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Sophistication. Tagged vintage, retro, 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
- Stone Coast color palette (#FFF3E6, #D7DEC4, #B7B68F, #5C8277, #614555)
- Patina Meadow color palette (#EAF9F2, #A0D0C3, #789A78, #84687B, #284A42)
- Pewter Harbor color palette (#E1ECDB, #7DB5B6, #598290, #684B75, #4C2538)
- Cerulean Quarry color palette (#EFF8F0, #D4DDF6, #80A9D2, #0F8A99, #374862)
- Ancient Cocoa color palette (#FDF0FF, #BEACBF, #77957B, #606181, #684353)
- Frosted Summit color palette (#DBF2AC, #9AD3A8, #5EA39B, #7B658E, #6A365E)
- Lagoon Boulevard color palette (#E8E2D4, #A2B576, #43996C, #495696, #4C2963)
- Ancient Summit color palette (#E3FCF2, #B2C079, #AA97DE, #7A8933, #453B60)
Browse the whole catalog at Explore, or see today's palette.