Washed Petrol color palette — #E9F1EB · #C5DFD0 · #A7BDB4 · #227F8D · #253129
A conversation between Teal and Silver, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Silver (#C5DFD0): A whisper-light, dusty teal — the color of sea glass.
- Ash (#A7BDB4): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#227F8D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#253129): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Lagoon Balcony color palette (#F1F7F2, #CFE1E2, #DCC2C6, #00878D, #152217)
- Muted Studio color palette (#E2F0EA, #B1CBC2, #B19DB2, #00698F, #0E241C)
- Worn Cobalt Quarry color palette (#F3ECF2, #E6D0E1, #C5B0BD, #4A72AD, #342A34)
- Softworn Loft color palette (#E8F0F3, #CED3DE, #B4B8CE, #00A5B4, #203137)
- Obsidian Petrol color palette (#D0E8DE, #007BAB, #003C32, #061B14, #010603)
- Hushed Cerulean Grove color palette (#EEF8F4, #E2D3D1, #C3BFB1, #6C94B5, #414A47)
- Airy Grove color palette (#E6E7CC, #77B775, #27864F, #256250, #282B10)
- Dusty Lapis Dune color palette (#CFE8DD, #0091C8, #5B4DC1, #6A1C60, #002622)
Browse the whole catalog at Explore, or see today's palette.