Tempered Harbor color palette — #EDF8F6 · #91BC97 · #458261 · #704E5C · #2A4946

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Sage (#91BC97): A luminous, dusty green — the color of new leaves after rain.
• Fern (#458261): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#704E5C): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#2A4946): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Driftwood Thicket color palette (#EEF8F1, #A5CBB9, #7C8852, #765E68, #3E5349)
• Aged Olive Canyon color palette (#E2FCF2, #8DB162, #3B7B25, #694A0C, #18433A)
• Linen Lagoon Terrace color palette (#ECFAEC, #C69553, #00A17F, #8A5A00, #114E3D)
• Ash Pier color palette (#E8FAF2, #AEE0DD, #80B6C1, #928AAE, #264A48)
• Aged Emerald color palette (#E8FBEB, #AE8000, #299248, #A14850, #273F2B)
• Chalky Delta color palette (#DEFFE3, #D6B673, #8E6700, #553E00, #3C2900)
• Aged Forest color palette (#D5EAE4, #73976B, #00672C, #4C3B00, #05302B)
• Cerulean Archive color palette (#EEF7F7, #C8DFF6, #5F8DC4, #256A8A, #384961)

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