Washed Petrol color palette — #F1E1EC · #53B1B7 · #0081A0 · #006044 · #000A16
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E1EC): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#53B1B7): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006044): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Tempered Cobalt color palette (#F4E2EA, #78A8C1, #3A76BC, #005D5E, #05002C)
- Denim Bloom color palette (#DFE0CE, #5C9FA4, #006470, #003C38, #000B10)
- Patina Atelier color palette (#E8DBD5, #2A878C, #004353, #002014, #000104)
- Iris Archive color palette (#F1E0E5, #9AC5EA, #6B8EE5, #007B89, #20114A)
- Gentle Magenta Balcony color palette (#F8DDF3, #CC39BD, #006F6A, #00651F, #050004)
- Sunlit Periwinkle color palette (#F7EAF2, #A6DDF1, #5CACEA, #009288, #1C2B53)
- Dusty Corridor color palette (#DEDBF1, #C65ED9, #018846, #6B007A, #000802)
- Amber Market color palette (#F2DDF3, #D794AB, #DB7B47, #6E61B5, #220314)
Browse the whole catalog at Explore, or see today's palette.