Dusty Petrol color palette — #F7E5DD · #61C5CF · #00749F · #004E2D · #021238
A conversation between Slate and Aqua, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F7E5DD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#61C5CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2D): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#021238): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Tempered Coast color palette (#F0E7DF, #72BDEA, #4266BB, #004C48, #180E30)
- Aged Cobalt color palette (#FAF0EA, #9AD2E1, #3282BD, #005E46, #31142B)
- Petrol Drift color palette (#EEF0E5, #98BBA1, #007589, #00504F, #003442)
- Weathered Cerulean color palette (#ECF9EE, #A6F5FF, #00A2C5, #006B5E, #002133)
- Chalky Basin color palette (#E7DDCC, #9D7A00, #4C60C4, #584300, #070B34)
- Dusty Lagoon color palette (#ECDDD9, #009F97, #005263, #062E01, #00050D)
- Cerulean Archive color palette (#FBE9DE, #0086A4, #003D6C, #002018, #01000B)
- Tempered Olive Corridor color palette (#F8F0EC, #C4EAE4, #74A2C3, #5D7534, #41303E)
Browse the whole catalog at Explore, or see today's palette.