Petrol Harbor color palette — #ECE4ED · #AC9B9D · #AC7980 · #1E65A8 · #0F0511

Peacock and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#ECE4ED): a clean, paper-quiet neutral.
• Taupe (#AC9B9D): A luminous, dusty red — the color of a theater curtain.
• Dusty Rose (#AC7980): A luminous, dusty red — the color of embers at dusk.
• Peacock (#1E65A8): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0F0511): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns 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

• Patina Grape color palette (#ECDFE4, #B39B92, #A68268, #6D519E, #11050A)
• Petrol Dune color palette (#E1ECE6, #8DA6AA, #AD8DA2, #006F87, #000D05)
• Muted Navy Canyon color palette (#E6EDF5, #878D9A, #656984, #002858, #000105)
• Worn Navy color palette (#E7EBF1, #9AA5B9, #8082AB, #003B9D, #030915)
• Worn Hollow color palette (#EAE2E9, #C8B3C3, #A58899, #163974, #030003)
• Dusty Violet color palette (#EFE7EB, #CFBBB5, #C4A18A, #876EC4, #2B1822)
• Tempered Olive Chapel color palette (#ECE0D0, #8E8D3F, #3A7200, #424175, #080500)
• Mulberry Alley color palette (#D6E7E2, #7D7ABB, #894B87, #1E5925, #0A1000)

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