Hushed Petrol Harbor color palette — #ECF4F1 · #DED0CB · #CDB4AE · #467BA2 · #252E2B

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DED0CB): a clean, paper-quiet neutral.
• Rosewood Mist (#CDB4AE): A luminous, dusty orange — the color of toasted spice.
• Slate (#467BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#252E2B): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Petrol Parlor color palette (#F9F3F9, #E3D7D9, #CEBABA, #57779A, #4C454D)
• Aged Indigo Garden color palette (#F9EFF3, #E8D2C9, #E2B3A6, #7358AC, #2F2027)
• Wandering Ultramarine color palette (#F9EEF8, #E9CAD6, #C89CB8, #2952B6, #251223)
• Worn Indigo color palette (#EEDDE9, #606CC0, #49242D, #200F1C, #020806)
• Dusty Ridge color palette (#F8F0EA, #C4B18C, #667F42, #6C4A53, #2F2615)
• Wandering Navy Thicket color palette (#E5DFE6, #AD99A3, #926D92, #003766, #080209)
• Fern Market color palette (#DAF4E4, #C9A8C4, #AC8085, #545C11, #363C00)
• Patina Aubergine color palette (#EEE7E9, #DDC5C4, #B89D92, #684085, #201016)

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