Dusty Petrol color palette — #F5EDE5 · #8ABEAE · #5063A6 · #00504F · #33244C
Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.
The five colors
- Cream (#F5EDE5): a clean, paper-quiet neutral.
- Mint Leaf (#8ABEAE): A luminous, dusty teal — the color of glacier melt.
- Slate (#5063A6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#33244C): A deep, shadowed, dusty violet — the color of wild irises.
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
- Antique Forest Field color palette (#F6ECE8, #77C0C2, #007395, #005426, #0B2D57)
- Hazy Veranda color palette (#FFF3E8, #78C1ED, #3663D8, #005652, #372462)
- Powdered Cobalt Ridge color palette (#E3ECE4, #95B8D7, #2A69BE, #004958, #0A0B41)
- Hazy Chapel color palette (#F3EEE5, #A1CAE9, #4886DC, #00697D, #202957)
- Cobalt Coast color palette (#FFF2EC, #B2DABD, #0089C3, #006A46, #263C75)
- Aged Navy Veranda color palette (#CBF0EB, #0099B8, #006189, #1E3595, #32255A)
- Wandering Blush Alley color palette (#D2FDEF, #BFB8E9, #D18AAE, #006862, #452740)
- Hazy Lagoon color palette (#C7E6DB, #0086C9, #925D00, #004E77, #3B2300)
Browse the whole catalog at Explore, or see today's palette.