Hushed Petrol Harbor color palette — #FBF2F8 · #DCA092 · #7D9567 · #27728E · #523755

A conversation between Teal and Rosewood Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Rosewood Mist (#DCA092): A luminous, dusty orange — the color of autumn markets.
• Moss (#7D9567): A luminous, dusty green — the color of new leaves after rain.
• Teal (#27728E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#523755): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Dusty Dune color palette (#EDF9EE, #CDAC70, #599B8B, #5B678F, #5E343D)
• Antique Archive color palette (#FEF2EC, #FFB7A6, #8DA550, #2E7683, #4D2D3B)
• Softworn Summit color palette (#F8F2FF, #D99CBC, #A5865D, #34785A, #2C445E)
• Denim Ridge color palette (#F6F3FE, #AE8AAE, #836E2B, #285684, #553555)
• Shell Pier color palette (#FFF0FA, #EACCD7, #95AB9E, #768992, #404F60)
• Washed Amber color palette (#FFECF6, #D4855A, #4D5D4C, #40343A, #261F24)
• Washed Taupe color palette (#FFF0F8, #ECBE91, #BF9A5E, #8B7843, #345343)
• Amber Bloom color palette (#FFF1F7, #E77A00, #108F4B, #005896, #550E3D)

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