Tempered Harbor color palette — #FFE9D0 · #806219 · #503000 · #301200 · #0E0B00

Walnut and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFE9D0): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#806219): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#503000): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#301200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0E0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Lowlit Fern color palette (#F3E7CA, #55601F, #312C00, #180F00, #010500)
• Frosted Bronze color palette (#FFE4EC, #AD8A3B, #986000, #783800, #0E0B00)
• Hushed Balcony color palette (#F9E9DD, #AB7D47, #7C461D, #5B2312, #302100)
• Inked Bronze color palette (#EFD9F0, #896600, #001C3E, #1A0D13, #000410)
• Navy Archive color palette (#FAE8F8, #0037A1, #582500, #1D1F00, #000316)
• Softworn Amber color palette (#FFEADD, #CC8D59, #985537, #73322E, #39342F)
• Hushed Bronze Chapel color palette (#FBF4E7, #C3B894, #9C7B37, #7E5311, #524800)
• Raspberry Delta color palette (#E6E6D7, #EB027B, #006FB5, #090B19, #000202)

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