Tempered Harbor color palette — #E7D9E7 · #89CF50 · #3B78CE · #33496A · #120612

Built around Lime, softened by Azure — the whole palette hums with nature and growth.

The five colors

• Silver (#E7D9E7): A whisper-light, dusty pink — the color of neon signs at night.
• Lime (#89CF50): A luminous, vivid green — the color of a quiet forest floor.
• Azure (#3B78CE): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#33496A): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#120612): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged luxury, dark.

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

• Sunlit Mint color palette (#EBD8E0, #57D58B, #8368B1, #503D6F, #17040D)
• Weathered Lantern color palette (#EBD7E8, #E4B000, #5074CA, #314678, #140512)
• Worn Seafoam Dune color palette (#F6EAF4, #93DD9C, #6C86C1, #674C63, #1E111C)
• Linen Jade color palette (#FFE6F8, #00C389, #4F5FB3, #2A3464, #070005)
• Sunlit Marigold color palette (#D6DEF2, #CF9C00, #4F4993, #25224B, #070A17)
• Powdered Cobalt color palette (#E9D8E6, #FF978E, #5176C4, #37486B, #140512)
• Washed Courtyard color palette (#F4E6F1, #A3B9FF, #E0972C, #556CCD, #160A00)
• Chartreuse Courtyard color palette (#FFF1F1, #AEE360, #CB669B, #804563, #2B1212)

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