Dusty Petrol color palette — #F4E6DE · #99BDA9 · #0071AD · #004C45 · #020F3F
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F4E6DE): a clean, paper-quiet neutral.
- Sage (#99BDA9): A luminous, dusty teal — the color of glacier melt.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#020F3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Ancient Cobalt color palette (#F7F0EC, #A9D2C0, #4C7EB8, #005B5B, #161A47)
- Timeworn Petrol color palette (#EEF0E5, #7CBCD1, #007296, #004E56, #00324A)
- Softworn Ultramarine Boulevard color palette (#EFE7DF, #78A899, #2850B0, #00383E, #0B002C)
- Muted Lagoon color palette (#D9F1EC, #009492, #00687D, #003449, #001837)
- Hushed Lilac color palette (#D0EEDE, #DABAD9, #A889CE, #00736D, #29112B)
- Aged Cerulean color palette (#ECDCD5, #4798A1, #00516A, #002D20, #00040E)
- Terracotta Ridge color palette (#C9ECDC, #00759A, #9D3A00, #753A00, #000D14)
- Timeworn Navy color palette (#F1E5DC, #507E9B, #003681, #001F21, #01000A)
Browse the whole catalog at Explore, or see today's palette.