Dusty Petrol Harbor color palette — #E3ECE4 · #9AB7D0 · #306CB2 · #004956 · #08103A

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E3ECE4): bright and airy, almost weightless.
• Ash (#9AB7D0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#306CB2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004956): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#08103A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Harbor 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

• Weathered Petrol color palette (#E4EBE5, #81C0C1, #00788A, #004D3C, #001923)
• Sapphire Hollow color palette (#F6EDE4, #87B8D7, #3760C6, #00504C, #302550)
• Timeworn Cornflower Terrace color palette (#F5EDE1, #9ECBEA, #2386EE, #00697B, #212C4D)
• Dusty Pier color palette (#EEF3EF, #D7DAEA, #849EC1, #007791, #293650)
• Antique Denim Meadow color palette (#E9F3EB, #4D95AE, #004F74, #002B2D, #00040F)
• Aged Corridor color palette (#CDF4FD, #8ECCDC, #6EA7D2, #006849, #002022)
• Plum Field color palette (#CBE4E8, #009385, #BA2565, #00524A, #290010)
• Washed Emerald color palette (#DFF4E4, #15A06D, #006556, #00403E, #001E1F)

Browse the whole catalog at Explore, or see today's palette.