Washed Petrol color palette — #EDF3F7 · #D2D6E3 · #A8C2DE · #00769A · #162732
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Silver (#D2D6E3): a clean, paper-quiet neutral.
- Sky (#A8C2DE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#00769A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#162732): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Denim Veranda color palette (#E4EAEF, #C0CDDA, #93A5BF, #005B87, #0E171E)
- Petrol Grove color palette (#EBF9F1, #C3E1E6, #CDB3C4, #007690, #31453A)
- Cerulean Coast color palette (#F0F6FA, #D9DAE5, #B9AFB8, #00A2C4, #273841)
- Deep Sapphire color palette (#D9E6F6, #006AC7, #182650, #001026, #00040A)
- Hushed Driftwood color palette (#F1F1F8, #DAD4DB, #C2ACB2, #8D78A4, #35363B)
- Tempered Cypress Garden color palette (#E2F7F5, #66BB96, #007D66, #005855, #002628)
- Softworn Iris Alley color palette (#DAE6FF, #A9AAED, #8F72B5, #7A4050, #481F1C)
- Antique Alley color palette (#E8F3FF, #9FDEFF, #75BAFF, #5770FF, #02173A)
Browse the whole catalog at Explore, or see today's palette.