Tempered Harbor color palette — #E1EFE4 · #AEAD3D · #6B8B35 · #746231 · #002115

Gold and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E1EFE4): A whisper-light, dusty teal — the color of sea glass.
• Gold (#AEAD3D): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6B8B35): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#746231): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Ink (#002115): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Dusty Clover color palette (#D8E9E3, #6BBE5E, #2B9464, #5E6940, #00201D)
• Aged Chapel color palette (#D8EADE, #B6C36B, #70A14E, #4E816C, #003124)
• Tempered Pine Archive color palette (#E5F1E4, #999737, #247320, #5E3D10, #1D1C00)
• Fern Drift color palette (#ECE2CC, #7D7C3B, #3F4900, #322900, #080800)
• Aqua Courtyard color palette (#CFF7EB, #00E2F3, #5AC0F8, #579366, #002B2A)
• Misty Sunflower color palette (#EAFAED, #DAD371, #97B05D, #649675, #1C4332)
• Violet Villa color palette (#CCEDE4, #00A38B, #9558F5, #AE5C00, #001611)
• Ancient Emerald color palette (#C8EFEA, #00A172, #007266, #315131, #000804)

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