Tempered Harbor color palette — #F6ECEA · #D9D1C7 · #C3B9A1 · #C67786 · #3D2823

A conversation between Dusty Rose and Stone, giving this palette its sense of sophistication.

The five colors

• Cream (#F6ECEA): a clean, paper-quiet neutral.
• Oat (#D9D1C7): a clean, paper-quiet neutral.
• Stone (#C3B9A1): A luminous, dusty gold — the color of old brass.
• Dusty Rose (#C67786): A luminous, balanced red — the color of a theater curtain.
• Espresso (#3D2823): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Plum Loft color palette (#F5ECEB, #E5D3C9, #C7B49C, #A8506F, #382A28)
• Aged Basin color palette (#FFF3E7, #DCDDC2, #BCC89F, #D97F00, #37322D)
• Dusty Atelier color palette (#E6E6D6, #99C7A1, #2EA883, #92657A, #262C06)
• Antique Atelier color palette (#ECE7ED, #D4C7D1, #BB98AB, #8B3048, #1B121D)
• Washed Bronze Bloom color palette (#F0E2D8, #B2B19F, #989D7A, #AF5400, #220E00)
• Washed Villa color palette (#FFE7E5, #DFB08F, #B0985B, #3F878B, #154435)
• Ancient Blush Lantern color palette (#F3DAB3, #FF7A89, #CD6900, #00766D, #43100A)
• Mustard Thicket color palette (#F8F5EE, #D6DDD0, #94BBBE, #BBA441, #523C00)

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