Tempered Harbor color palette — #FFF3E3 · #A5A761 · #396F17 · #4F3700 · #080800

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A5A761): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#396F17): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4F3700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Forest Drift color palette (#FEF5D8, #85B076, #00714F, #622333, #020B00)
• Worn Jade color palette (#F7F7E3, #64B689, #006F65, #2D440A, #000B04)
• Aged Moss color palette (#E9E1C9, #749C52, #005D38, #312C00, #010200)
• Airy Olive color palette (#E3F4E9, #AAAC71, #76891C, #736402, #1C1C00)
• Ancient Corridor color palette (#DBE1D2, #2BB14A, #00744F, #00453E, #001011)
• Muted Olive color palette (#FEF4E4, #BDC087, #5C834B, #0C5E55, #191A00)
• Sunlit Mint Garden color palette (#FEF6D1, #93D791, #009473, #575E00, #012703)
• Teal Workshop color palette (#D4FFFC, #00C0AE, #006F64, #00302C, #000201)

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