Misty Harbor color palette — #FFD3C7 · #DF9064 · #A96F00 · #614B00 · #252B01

Ochre and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD3C7): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#DF9064): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A96F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#614B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#252B01): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Powdered Bloom color palette (#FFE6D2, #CB9E4A, #8F7F00, #455A00, #262C09)
• Hazy Apricot Atelier color palette (#FFDACC, #F3954B, #A36A00, #6E4F06, #40423B)
• Faded Rust color palette (#FFD7D5, #DF898F, #C34C26, #7E4400, #372A00)
• Antique Cocoa color palette (#FAF0E4, #B4AD7E, #936C3A, #743A14, #25240D)
• Pale Dune color palette (#F2DDD7, #C47D00, #756000, #364200, #061F00)
• Softworn Azure color palette (#FAF1E2, #BF9F5A, #3F92DC, #805F00, #0B2943)
• Pale Amber Atelier color palette (#FFF1F0, #FFA97D, #C58525, #7C6B28, #28554A)
• Hushed Terrace color palette (#FCF0E1, #BCE4CA, #75D7BA, #A67175, #372B15)

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