Dusty Petrol Coast color palette — #F8F5EF · #C4EBED · #739DC7 · #297B87 · #5E4C5C
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Frost (#C4EBED): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#739DC7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#297B87): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#5E4C5C): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Dusty Petrol Coast 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
- Dusty Studio color palette (#F8F0EB, #C1ECED, #879DC3, #3A7770, #452E3A)
- Aged Dune color palette (#FCF2F6, #D9D4E4, #95B3E0, #628F97, #4B5169)
- Muted Lilac Bloom color palette (#FFF1F6, #A787CC, #B27D47, #25877D, #513B43)
- Aged Drift color palette (#FFF0FC, #A0ABE2, #877ACB, #6A5589, #62464D)
- Wandering Denim color palette (#EBE4D8, #72A7C0, #005C91, #003D42, #061E42)
- Aged Villa color palette (#FFF1F7, #B5A6DA, #8DA35E, #7967A0, #4E4D46)
- Petrol Market color palette (#FCF4E8, #6CC8D0, #007B92, #005749, #00384E)
- Wandering Driftwood Quarry color palette (#FFF1F5, #E4D7D3, #AAB29D, #A78299, #624E51)
Browse the whole catalog at Explore, or see today's palette.