Dusty Petrol color palette — #F1F3EC · #C6E0E2 · #7CA0C2 · #257591 · #432D44
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C6E0E2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#7CA0C2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#257591): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#432D44): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Worn Loft color palette (#F2F2EC, #C7E0DB, #6AA7B6, #1B7A78, #1D3E2F)
- Cypress Lagoon color palette (#EBF5E9, #86C0BB, #9595D0, #00837C, #452439)
- Denim Dune color palette (#E7EAE0, #79A895, #005E8F, #003745, #000B1B)
- Timeworn Petrol Bloom color palette (#E9EADF, #81BFCB, #007791, #004B4D, #001924)
- Timeworn Powder Grove color palette (#EFF7F7, #D8DBEA, #8AB6E0, #538FA8, #445468)
- Softworn Cerulean Grove color palette (#F2F3E6, #B8DABB, #0094A3, #00635B, #002A33)
- Dusty Pier color palette (#EAF6E8, #61ABA6, #6290CA, #6C8239, #1C2C1A)
- Lagoon Atelier color palette (#E0E0D0, #458580, #004546, #002019, #000202)
Browse the whole catalog at Explore, or see today's palette.