Dusty Petrol color palette — #EFF6FA · #D4D9E4 · #A3B6C5 · #007082 · #2D3D45
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D4D9E4): a clean, paper-quiet neutral.
- Ash (#A3B6C5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2D3D45): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty 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
- Timeworn Lagoon color palette (#F0F7F1, #CDDDDD, #D3C1D1, #448D95, #343D36)
- Washed Station color palette (#F2F5FB, #DBD8E0, #B7A8AA, #7282A0, #505358)
- Tempered Abyss color palette (#E3EDF3, #A9BCCB, #7A91A7, #004C62, #11222B)
- Softworn Studio color palette (#EFF6FF, #C6D3EB, #98A6CA, #0054B9, #253446)
- Ancient Indigo color palette (#F3F5FC, #E1D6E9, #BAB7DD, #6D59B1, #3B3F50)
- Cocoa Pier color palette (#CEE3FF, #97A1CE, #786E9B, #774557, #543E55)
- Antique Pine Orchard color palette (#EBF9F6, #76A97F, #00764A, #09584A, #153D3A)
- Quiet Station color palette (#EBF7FF, #03D6EE, #00B5E9, #3377C1, #0F2F44)
Browse the whole catalog at Explore, or see today's palette.