Dusty Petrol color palette — #EDF0E3 · #80C2D6 · #007292 · #003D42 · #000306
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF0E3): bright and airy, almost weightless.
- Sky (#80C2D6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000306): quiet, heavy and certain.
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
- Worn Abyss Loft color palette (#E5E5DB, #6DB0AB, #006164, #002C24, #000102)
- Timeworn Cobalt color palette (#F3F7EA, #9FD4F3, #0081C6, #004F62, #000D1F)
- Aged Terrace color palette (#F8E6F2, #009AB7, #004F75, #002C26, #000315)
- Quiet Cobalt color palette (#FAEDE5, #74BCD0, #008CCB, #006E61, #001038)
- Muted Petrol color palette (#F4F6ED, #C0DFEC, #65B0D6, #007D8C, #08324A)
- Wandering Raspberry color palette (#FFE0E2, #BF46AA, #006EA2, #68005B, #000103)
- Cocoa Quarry color palette (#FFE6D4, #AD794E, #7B3700, #3E1000, #020100)
- Misty Harbor color palette (#E8D8EB, #B858B5, #8F0080, #430031, #080003)
Browse the whole catalog at Explore, or see today's palette.