Dusty Petrol color palette — #F6EDE3 · #8BBEAD · #5164A3 · #00504F · #342252
Built around Slate, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Cream (#F6EDE3): bright and airy, almost weightless.
- Mint Leaf (#8BBEAD): A luminous, dusty teal — the color of sea glass.
- Slate (#5164A3): A full-bodied, balanced violet — the color of wild irises.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#342252): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, 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
- Linen Alley color palette (#FFF3E8, #74C1F0, #3D66CD, #005652, #372462)
- Forest Corridor color palette (#F7ECE7, #9CBA9F, #007395, #005426, #102E54)
- Patina Cobalt color palette (#E3EBE5, #99B7D3, #376AB5, #004958, #0C0F39)
- Muted Loft color palette (#F5EDE2, #A7CEC2, #5286D4, #00697E, #212956)
- Washed Field color palette (#F1DFD8, #57AEB8, #005F84, #004125, #051B4A)
- Dusty Pewter color palette (#FFF0EC, #FDBB98, #A4A86C, #734F86, #482219)
- Misty Harbor color palette (#F5EBEF, #B5D8F5, #809EFF, #00918F, #322649)
- Lagoon Alley color palette (#F6E9E5, #3A8F92, #004358, #00240D, #00081C)
Browse the whole catalog at Explore, or see today's palette.