Washed Petrol color palette — #F2E4EF · #8CBBD0 · #0072A8 · #004E34 · #060F3D
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F2E4EF): A whisper-light, dusty pink — the color of neon signs at night.
- Ash (#8CBBD0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#060F3D): A deep, shadowed, balanced 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
- Hushed Cobalt color palette (#FAEEF5, #A8CEE3, #557FAB, #005D4B, #1A1B40)
- Dusty Denim Canyon color palette (#EFE3E9, #74A4BC, #2655A1, #003A34, #0C002B)
- Antique Lilac Pier color palette (#CAEDFD, #9DCEFF, #BB8ED3, #126B48, #002035)
- Wandering Lagoon color palette (#D0EAD8, #009580, #006978, #003C59, #001034)
- Ancient Studio color palette (#F7EFF4, #D5D2E9, #77A1C4, #447764, #2A364D)
- Muted Archive color palette (#BAE8FF, #00A0D5, #00647C, #002D43, #00080D)
- Hushed Drift color palette (#D4EDF7, #007794, #9F3800, #633F00, #000D13)
- Softworn Lagoon color palette (#EAE0EA, #2E9C9B, #005267, #002E0B, #00040F)
Browse the whole catalog at Explore, or see today's palette.