Washed Petrol color palette — #EDF8F5 · #87BABE · #2E808A · #7B4857 · #214A4D
A conversation between Teal and Coffee, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F5): a clean, paper-quiet neutral.
- Ash (#87BABE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#2E808A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#7B4857): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#214A4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, 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 Cypress color palette (#EBF9F0, #8EBAB1, #38836C, #635A2E, #294944)
- Patina Lagoon Market color palette (#E8FAF6, #A0D2B4, #34A48D, #896672, #2B4848)
- Pine Balcony color palette (#FAF3F9, #C5E2EE, #5E91B0, #00754C, #374769)
- Driftwood Summit color palette (#E2FBF7, #D2E0ED, #ACC8EC, #88873E, #2A4F52)
- Softworn Bloom color palette (#E1FBFF, #1C9D8B, #9164B3, #8748A8, #094047)
- Dusty Olive color palette (#E9F9F5, #8AAB73, #BB6B98, #417600, #5F314B)
- Olive Station color palette (#CDF5DC, #A6A868, #4D8935, #006445, #044A5D)
- Softworn Veranda color palette (#D6EAE2, #649A75, #00625D, #3C4200, #003318)
Browse the whole catalog at Explore, or see today's palette.