Tempered Harbor color palette — #FCF4E5 · #B0A87C · #807146 · #6E4900 · #3F3D36

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

The five colors

• Cream (#FCF4E5): A whisper-light, dusty gold — the color of old brass.
• Sage (#B0A87C): A luminous, dusty green — the color of fresh herbs.
• Walnut (#807146): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#6E4900): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, 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

• Patina Cocoa color palette (#FFF2EB, #C0A088, #956551, #7B3F1E, #5A3200)
• Ancient Coast color palette (#F0E7D3, #9C9968, #72631A, #564100, #32302A)
• Worn Driftwood color palette (#ECF9EF, #9EC9B6, #A48C53, #885F39, #22443D)
• Dusty Lagoon color palette (#EAFBE8, #009490, #8E6A2A, #595600, #273825)
• Tempered Lagoon color palette (#EAE4D0, #727E2A, #494800, #2F2800, #111A00)
• Weathered Stone color palette (#F0F7EF, #A3B880, #185D59, #1D351A, #0F1F1B)
• Feathered Loft color palette (#FAD6BF, #C47849, #953C0F, #6F1605, #401F00)
• Midnight Station color palette (#F7E5D4, #775015, #412300, #1F0A00, #060300)

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