Washed Petrol color palette — #F5E6DB · #7EBED7 · #376DAB · #004C41 · #130E36
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F5E6DB): A whisper-light, dusty gold — the color of old brass.
- Sky (#7EBED7): A luminous, dusty blue — the color of open sky before noon.
- Slate (#376DAB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#130E36): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Wandering Cobalt Chapel color palette (#F8F0E9, #92D1F4, #5F7BB1, #005C55, #21193D)
- Softworn Petrol Coast color palette (#EDF0E4, #83BAD2, #00719D, #004E5A, #00314F)
- Quiet Nightshade Harbor color palette (#F4EBE0, #58A3DF, #414DA7, #00393A, #120025)
- Quiet Forest color palette (#FFEDE8, #6EE6E4, #0091B3, #026720, #012648)
- Weathered Azure color palette (#EFF8F0, #CDE1FF, #0C9BE4, #00696E, #061E3D)
- Cerulean Boulevard color palette (#EFD9CE, #009BAC, #004F72, #002D1B, #00001F)
- Muted Cerulean Cabin color palette (#FAEFEC, #C5E7C7, #4A98B8, #3A6B47, #372438)
- Tempered Archive color palette (#DAEEEA, #00A69D, #006962, #002F2A, #000705)
Browse the whole catalog at Explore, or see today's palette.