Tempered Harbor color palette — #F8D7D1 · #EB9898 · #CC6447 · #841B52 · #040000

A conversation between Wine and Coral Clay, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F8D7D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose Quartz (#EB9898): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#CC6447): A luminous, balanced orange — the color of autumn markets.
• Wine (#841B52): A full-bodied, balanced rose — the color of pressed rose petals.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Balance. Tagged pastel, light, 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

• Soft Aubergine color palette (#FDD2D0, #EDA1B9, #D47579, #6C0D64, #040001)
• Hushed Basin color palette (#EBDBD1, #DEA88B, #B97927, #830219, #040100)
• Ember Loft color palette (#F5DAE5, #CD6664, #895D00, #3E194E, #070000)
• Weathered Coral color palette (#FFEAEC, #D86766, #A64322, #541032, #240004)
• Feathered Grape color palette (#FFEAE9, #CD9668, #CF8400, #87419B, #220301)
• Twilit Bronze color palette (#F4DBC4, #95682E, #593000, #220B00, #020100)
• Mustard Alley color palette (#FFF0E0, #DDC288, #B3A326, #854600, #0F0700)
• Rust Chapel color palette (#FFF2EA, #E8DDB4, #E5B660, #C43700, #260E00)

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