Dusty Petrol color palette — #F4F6EC · #A1E0F4 · #54A0C1 · #007A86 · #134436
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EC): a clean, paper-quiet neutral.
- Powder Blue (#A1E0F4): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#54A0C1): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A86): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#134436): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, 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
- Ancient Azure color palette (#F3F7EA, #A8DCFF, #589BD6, #1B7694, #483149)
- Dusty Teal Lantern color palette (#EBECDB, #48B5B3, #00747B, #004B41, #00181C)
- Tempered Lagoon Atelier color palette (#F5F6EE, #C7E7E3, #91BDA6, #529296, #42584F)
- Weathered Sky color palette (#F0F7F2, #C7E5F6, #5EBDF1, #00A0A0, #1C3C5C)
- Muted Meadow color palette (#F9F4EE, #ABCFBA, #2A81AD, #005F60, #1B3C5E)
- Powdered Cobalt color palette (#E0E3D5, #6DBCE3, #007DB6, #005768, #00213C)
- Powdered Basin color palette (#FFE7F5, #9B9BFF, #00AC9E, #6764C0, #003F39)
- Wandering Lilac Orchard color palette (#FFD8EA, #A078FA, #C96384, #2182A7, #3C222F)
Browse the whole catalog at Explore, or see today's palette.