Tempered Harbor color palette — #F9EAEF · #E8C285 · #B57931 · #754C1A · #250D16

Caramel takes the lead with Cantaloupe close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#F9EAEF): a clean, paper-quiet neutral.
• Cantaloupe (#E8C285): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Caramel (#B57931): A luminous, balanced gold — the color of old brass.
• Coffee (#754C1A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#250D16): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Ember Villa color palette (#F6EAF4, #F1BC90, #C36A66, #81403D, #1D111C)
• Timeworn Harbor color palette (#E3F3E9, #E0C682, #9B8733, #665500, #041B0F)
• Hushed Chestnut color palette (#FCE8EF, #C4B380, #8C5417, #502B00, #220F17)
• Worn Amber color palette (#F5E6D8, #C99639, #643C00, #2B1700, #0A0400)
• Ancient Garden color palette (#FDF3EB, #E5CF8D, #905200, #3D1F00, #080300)
• Ancient Driftwood Canyon color palette (#D2E5DF, #95882E, #3A5200, #0F1900, #000202)
• Marigold Balcony color palette (#D3E5D3, #CE9C35, #8A5E00, #4D3300, #000400)
• Worn Market color palette (#DEFDF6, #DCD36C, #65A044, #366B0C, #00201C)

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