Dusty Petrol color palette — #FAF1FF · #E3C0D5 · #89AA93 · #5A7290 · #333C56
Slate takes the lead with Sage close behind in a set that reads as sophistication at first glance.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Oat (#E3C0D5): A whisper-light, dusty pink — the color of a candy shop window.
- Sage (#89AA93): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#5A7290): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#333C56): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Sophistication. Tagged vintage, retro, 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
- Hushed Denim color palette (#FFF0FC, #EAD5D1, #94B2AA, #747C92, #455070)
- Patina Shell Lagoon color palette (#FFF0FE, #F9BFCA, #C096A9, #517585, #22414E)
- Wandering Turquoise color palette (#FBF2F8, #D2D5E5, #55B5CC, #367F59, #00324C)
- Wandering Lagoon Courtyard color palette (#FDDEBF, #D7C5AA, #B7AE82, #5B8B76, #34492C)
- Muted Celadon Delta color palette (#FFF5D9, #C8F3B9, #7FBAAF, #835F7D, #5B3B56)
- Chalky Denim color palette (#FFF2EA, #D9C078, #72986A, #704B8D, #40284F)
- Bronze Delta color palette (#FEE8E6, #D19D89, #8A7C3A, #3C547A, #513647)
- Washed Station color palette (#FBDBE7, #BE9F73, #7D7340, #1E5656, #033036)
Browse the whole catalog at Explore, or see today's palette.