Tempered Harbor color palette — #F3DBB1 · #B0A75D · #9B6E00 · #7F3E00 · #222E00

Ochre and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F3DBB1): A whisper-light, dusty gold — the color of old brass.
• Sage (#B0A75D): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#9B6E00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#7F3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#222E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Terracotta Field color palette (#FFCEE1, #C0A05F, #AD6200, #932500, #2D2A00)
• Chalky Amber color palette (#F1DAB9, #AC8900, #765500, #543400, #302900)
• Timeworn Chestnut Harbor color palette (#F7E1E9, #97B79F, #A47546, #8A442D, #083A29)
• Antique Mustard Villa color palette (#FFF3E3, #D3BC00, #A57300, #793900, #141C00)
• Sunlit Corridor color palette (#C8E8CD, #D9B43A, #BD8B00, #976518, #302900)
• Wandering Fern Alley color palette (#CFE9D9, #778549, #605200, #452A00, #011000)
• Softworn Bronze Field color palette (#EFF8F1, #B2D3C5, #AA9A6E, #926C46, #344E49)
• Ancient Magenta Corridor color palette (#CDE9FF, #0090CF, #B834B3, #884200, #002235)

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