Tempered Harbor color palette — #FFE2E0 · #E73C30 · #C33400 · #7F3100 · #230C00

A conversation between Poppy and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#FFE2E0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Poppy (#E73C30): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#C33400): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#7F3100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#230C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Sunlit Brick color palette (#FEE6EA, #E94463, #C80032, #990310, #280300)
• Crimson Study color palette (#F2D9DE, #D8243D, #A12700, #502500, #1D0F00)
• Frosted Amber Lantern color palette (#FEDDD0, #D96600, #9D5200, #673900, #201000)
• Washed Ember Cabin color palette (#FBEBF5, #EC5300, #995AD9, #A73800, #18002D)
• Muted Moss color palette (#FDE4D0, #B9B372, #8EA84B, #B05C33, #2C1600)
• Quiet Amber color palette (#F8DCD5, #FF8F60, #DD6700, #A85500, #522C00)
• Aged Plum color palette (#F8E9DF, #BD6100, #698000, #B50678, #110400)
• Muted Ridge color palette (#FBEAF6, #D750A7, #BB0076, #90004C, #320012)

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