Tempered Harbor color palette — #EEDFCF · #B28600 · #646D00 · #1F4B00 · #002418

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

The five colors

• Parchment (#EEDFCF): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Olive (#646D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#1F4B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#002418): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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 Amber color palette (#E9DDD0, #A98F00, #606300, #03470B, #000B06)
• Feathered Bloom color palette (#FAE1DB, #D16F00, #815E00, #4D4400, #112200)
• Moss Workshop color palette (#E5DECC, #AC9900, #777D00, #436900, #032201)
• Sunlit Moss color palette (#F1EAC6, #809C0F, #00792E, #004833, #002523)
• Muted Olive Corridor color palette (#E3EFD8, #64A95F, #367800, #1B3C00, #010A00)
• Worn Veranda color palette (#E1F4EC, #80CFCA, #24ADDD, #8C5E00, #083010)
• Hushed Byzantium color palette (#D5EDE2, #9D9D25, #9323B7, #575600, #2D003B)
• Soft Emerald Balcony color palette (#F6F1D0, #9AAA00, #1B961B, #005F4A, #003D40)

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