Quiet Harbor color palette — #FFD5CE · #FFA87F · #EF7B03 · #B77300 · #513800

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD5CE): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FFA87F): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#EF7B03): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#B77300): A luminous, balanced gold — the color of old brass.
• Deep Olive (#513800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Timeworn Terrace color palette (#FFD8C3, #FFB064, #DB9900, #947100, #4B4400)
• Coral Garden color palette (#EDDBDF, #FF8566, #C76D00, #7D5700, #4D4300)
• Rust Studio color palette (#FFEBD8, #E2C294, #DA914D, #C55D2B, #413403)
• Gentle Hollow color palette (#FFF1F2, #FFC2B6, #E57D00, #845F00, #363000)
• Ember Harbor color palette (#F7DDE4, #FFA7AE, #FF6D67, #DE4800, #693200)
• Chalky Apricot Lagoon color palette (#FFF3E5, #D4F0B9, #87EBAF, #FF8C48, #584510)
• Faded Amber color palette (#FFF3E7, #FFB266, #6FBEFF, #D77F00, #003E65)
• Faded Amber Bloom color palette (#FCE6D2, #C98800, #967900, #5D5300, #1F2400)

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