Dusty Petrol color palette — #F4E6DC · #8FC0AB · #476BA4 · #004C44 · #160C37
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Parchment (#F4E6DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mint Leaf (#8FC0AB): A luminous, dusty teal — the color of glacier melt.
- Slate (#476BA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#160C37): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Patina Cobalt color palette (#F7F1EA, #ABD1C4, #647AB2, #005B59, #24183D)
- Feathered Delta color palette (#FDEFE5, #70C9E9, #0072CD, #005345, #160053)
- Ancient Spruce color palette (#F7E4DF, #5DACA9, #006279, #003D0B, #000B1B)
- Plum Pier color palette (#F8D4E1, #AB3B72, #006D6A, #064F63, #1C000D)
- Ancient Boulevard color palette (#F8F0EC, #CAE4CE, #4D97BA, #366B49, #192C4A)
- Hushed Taupe Basin color palette (#FFE8E6, #EDB7AE, #B9A752, #6E5392, #2E0510)
- Navy Delta color palette (#F7ECE1, #587C9C, #292A89, #001F20, #020007)
- Soft Alley color palette (#FFE7E6, #BA5694, #007C73, #7E005B, #001614)
Browse the whole catalog at Explore, or see today's palette.