Quiet Harbor color palette — #F8D7DA · #FF8C6D · #C56B00 · #805600 · #423D00

A conversation between Ochre and Salmon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F8D7DA): A whisper-light, dusty red — the color of a theater curtain.
• Salmon (#FF8C6D): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#C56B00): A luminous, balanced gold — the color of old brass.
• Coffee (#805600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#423D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Amber Cabin color palette (#F8D8CB, #EFA279, #E57911, #AC6600, #523300)
• Timeworn Ridge color palette (#FFF1F2, #FFAB9B, #D66C00, #7A5000, #322900)
• Wandering Apricot color palette (#F6E4DF, #F8931F, #9E7C00, #5C5F00, #243F1A)
• Soft Basin color palette (#FADFF1, #F877A8, #C9554E, #8F4A26, #4D3106)
• Mustard Quarry color palette (#FFF4E0, #F3AE46, #AD7200, #6B4500, #2D1A00)
• Marigold Harbor color palette (#F9E0EB, #CEA85A, #A7734F, #7B4C4B, #17372C)
• Feathered Bronze color palette (#EEDED8, #B26900, #654D00, #353A00, #021C01)
• Soft Marigold Meadow color palette (#E3F4E1, #F6A62B, #0091C1, #9A650C, #003B51)

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