Dusty Petrol color palette — #F9ECE3 · #82BAD4 · #3A68A8 · #005147 · #2B284D
A conversation between Slate and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9ECE3): bright and airy, almost weightless.
- Sky (#82BAD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3A68A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2B284D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Worn Forest Summit color palette (#F7ECE8, #55C5C5, #007391, #00541D, #0A2F53)
- Worn Drift color palette (#FDF3EB, #94CDF1, #5D76B2, #00605C, #3D3458)
- Dusty Petrol color palette (#DAEEEC, #86BCD5, #0073A4, #004956, #00172B)
- Aged Cobalt Study color palette (#EDF0E5, #A5D0BC, #1A90C9, #00697B, #003051)
- Hushed Drift color palette (#F7E4DB, #429EAD, #004F75, #00321F, #040B3E)
- Dusty Mallow color palette (#FFEDF9, #E6A8E4, #CC806D, #286A8B, #4D2C34)
- Linen Periwinkle Archive color palette (#F8EAF1, #B3D9F2, #52A9FE, #00918E, #1F285A)
- Tempered Quarry color palette (#DBDBF6, #7760EF, #2F5A00, #004731, #1D193E)
Browse the whole catalog at Explore, or see today's palette.