Tempered Harbor color palette — #FFF0F8 · #BDF0E4 · #E5D6D4 · #DAA79B · #644855

Built around Rosewood Mist, softened by Honeydew — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Honeydew (#BDF0E4): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#E5D6D4): a clean, paper-quiet neutral.
• Rosewood Mist (#DAA79B): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#644855): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Washed Stone Lantern color palette (#FBF1FF, #EED3DB, #B8BFAF, #D2A1B8, #554357)
• Patina Market color palette (#FFF1F5, #C2EAF2, #EAE0AA, #D5A07F, #3E4F3F)
• Weathered Cocoa Villa color palette (#FFF2EB, #ECFEC6, #DFDDCC, #DF9CA9, #713E03)
• Hushed Taupe Market color palette (#E7FBF1, #CFD6A7, #B1AF7F, #6D927B, #24443B)
• Ash Quarry color palette (#E3FDED, #AEE4D3, #92B99B, #7DB1C5, #325042)
• Taupe Loft color palette (#EEF8EF, #ECD2A1, #B18F57, #506B53, #1A251B)
• Softworn Drift color palette (#FFEEE2, #DCD8C4, #C6CA93, #9B6B5E, #39291B)
• Pale Moss color palette (#CFE6D7, #B1AD6D, #81A035, #855D00, #110E00)

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