Washed Petrol color palette — #DFF2FE · #8DC590 · #0A6D8F · #093B4E · #061823
Built around Peacock, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Frost (#DFF2FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mint Leaf (#8DC590): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#0A6D8F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#093B4E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#061823): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 Petrol color palette (#EFF6FF, #9BD3B7, #5172A5, #2C4462, #1A222C)
- Dusty Petrol color palette (#E7FBF2, #A6E1AC, #006C93, #002C3E, #000503)
- Tempered Jade Garden color palette (#CFE4F8, #4EA771, #004975, #001C32, #000308)
- Hushed Blush color palette (#E8EFFB, #EA9BA8, #515F98, #263553, #0C1628)
- Aged Cobalt color palette (#E1F3ED, #FCB598, #408EC9, #275A82, #0A1915)
- Wandering Cobalt color palette (#F2F5FC, #DCD7E4, #C3BACB, #717BB9, #353A47)
- Washed Violet Cabin color palette (#EFF6FF, #8EB3FF, #9368C2, #496EC0, #161628)
- Quiet Azure color palette (#E1F1FF, #1E97E3, #A068A5, #007250, #14283A)
Browse the whole catalog at Explore, or see today's palette.