Dusty Petrol color palette — #F6F1EB · #C6E5E9 · #B28FAD · #3A757D · #462D3C
A conversation between Teal and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6F1EB): a clean, paper-quiet neutral.
- Silver (#C6E5E9): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#B28FAD): A luminous, dusty pink — the color of peonies in June.
- Teal (#3A757D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#462D3C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Aged Cypress color palette (#F8F0EC, #CAE3E0, #77A897, #3B786C, #412F40)
- Olive Grove color palette (#F4F2E5, #ABBB88, #B18EB7, #687A34, #48242D)
- Petrol Courtyard color palette (#F4F6F0, #C9E3E6, #7D9CBF, #18799D, #604A5F)
- Tempered Lilac Grove color palette (#F3F4DF, #8AA773, #9C7EBB, #906798, #292815)
- Timeworn Petrol color palette (#F2E6E0, #94BFA5, #0073A7, #004C42, #011338)
- Ultramarine Corridor color palette (#FBEDE0, #68A4CA, #1652AF, #00393C, #09002E)
- Worn Drift color palette (#F3E4DC, #2D8787, #004351, #002111, #000103)
- Tempered Cerulean color palette (#FFEEE6, #9CDCE5, #008FBA, #00644D, #002647)
Browse the whole catalog at Explore, or see today's palette.