Tempered Harbor color palette — #CFECDF · #6D8325 · #2D4E00 · #00312E · #060900

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

The five colors

• Honeydew (#CFECDF): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#6D8325): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2D4E00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#00312E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Pine Thicket color palette (#DEF3EE, #3B783C, #004221, #002329, #000400)
• Olive Parlor color palette (#EBDFD0, #847D00, #2D5000, #292A4C, #1E1C00)
• Fern Quarry color palette (#DCEFE4, #909257, #4E5D00, #5B2525, #00170E)
• Tempered Moss color palette (#E9E3CC, #889E19, #486E00, #00514A, #201B00)
• Dusty Harbor color palette (#EAFBE9, #AFA454, #4A6C00, #2F356C, #000B04)
• Hushed Cabin color palette (#C5EFE9, #39AD6D, #006C4D, #004657, #001C0B)
• Worn Olive Atelier color palette (#E0F9EA, #AAAD6B, #617500, #74363B, #00281B)
• Muted Terrace color palette (#EAF5F1, #A3BD8F, #4C8547, #335C68, #112D28)

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