Tempered Harbor color palette — #EEF9EF · #F3CF8D · #BFC0FF · #C9A257 · #434C68

A conversation between Camel and Wheat, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EEF9EF): a clean, paper-quiet neutral.
• Wheat (#F3CF8D): A whisper-light, balanced gold — the color of honey in a jar.
• Lavender (#BFC0FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Camel (#C9A257): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#434C68): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Softness, Clarity. Tagged 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

• Hushed Parlor color palette (#E7FAF7, #B6E3B4, #D4B6FF, #82B97F, #484A69)
• Aged Field color palette (#EAFAED, #C0E9EE, #B1C2E6, #DFB396, #435950)
• Patina Aqua Alley color palette (#FDF1F8, #FFC6AD, #55DBF3, #E3916B, #2C5363)
• Patina Straw Balcony color palette (#EAFAEE, #FFE394, #7DE0D7, #AF9856, #254D55)
• Wandering Hollow color palette (#FCF4E7, #DBC187, #E098BB, #A48949, #644342)
• Dusty Stone color palette (#ECF9EE, #C2E2D3, #CAB382, #AC8595, #364D47)
• Chartreuse Quarry color palette (#DBFFF1, #BDD311, #A4B0FF, #90A300, #2F336D)
• Muted Bronze color palette (#FAF1E0, #C9B174, #819CD3, #896E1C, #41263E)

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