Tempered Harbor color palette — #FFF1F1 · #FFCABD · #E77B32 · #8C5E07 · #46370B

Tangerine takes the lead with Ochre close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFCABD): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#E77B32): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8C5E07): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#46370B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged 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

• Pale Lantern color palette (#FFE0DB, #DE8F71, #B36A39, #7C4B00, #594119)
• Patina Amber Basin color palette (#FFF1F7, #F6D8A9, #CC8E5E, #915A50, #20382B)
• Frosted Amber color palette (#FFF0F8, #FFD4A5, #BE9600, #7B7214, #384119)
• Antique Coral Garden color palette (#F9F2FF, #FFBCC8, #EC6F78, #A05330, #553141)
• Gentle Amber Pier color palette (#E1FFE2, #CEDDC5, #D68D10, #755100, #301C00)
• Antique Apricot Bloom color palette (#FFF2EE, #FF9B4A, #A17000, #5D4A00, #292900)
• Hushed Rust color palette (#F8DAD4, #CE5100, #774500, #312200, #020200)
• Pale Amber Thicket color palette (#FFF0F8, #FFC5AA, #A3B7FF, #C47146, #2D3659)

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