Dusty Petrol color palette — #E1F2F1 · #7BC1E5 · #006EA4 · #003C49 · #000308
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E1F2F1): bright and airy, almost weightless.
- Sky (#7BC1E5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006EA4): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Turquoise Harbor color palette (#D4E9E5, #5BB1B9, #00606D, #002B29, #000102)
- Gentle Cobalt color palette (#EAF9F8, #A2D1FF, #3078D9, #004C6D, #01062F)
- Cornflower Lantern color palette (#FAE2EE, #61BCE7, #2584E3, #006D6D, #0B093C)
- Feathered Byzantium color palette (#E4DCEA, #9415CA, #A6002F, #004673, #030005)
- Tempered Navy color palette (#F0E1E8, #4E9AB9, #004792, #003129, #140042)
- Worn Atelier color palette (#EFF7F7, #D9DDE8, #56ADF4, #007A99, #1A3048)
- Misty Peony color palette (#E9E9FF, #EEBDF2, #EE58BA, #5F3D8F, #08000C)
- Wandering Grape Summit color palette (#DFE6FF, #796DFF, #5B00DE, #2A0058, #050010)
Browse the whole catalog at Explore, or see today's palette.