Tempered Harbor color palette — #F0F8EF · #89DDD7 · #D47B8C · #5D7342 · #393932

Dusty Rose and Lagoon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Lagoon (#89DDD7): A whisper-light, balanced teal — the color of glacier melt.
• Dusty Rose (#D47B8C): A luminous, balanced red — the color of late-summer berries.
• Olive (#5D7342): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#393932): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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 Amber Basin color palette (#EBF9F5, #A1D1FF, #BE9051, #337A5F, #373A33)
• Lilac Field color palette (#F5F6EC, #B0DA9A, #A28AD5, #7E682F, #3C3831)
• Antique Cabin color palette (#EDF6FF, #96CDFF, #CC96BB, #A28056, #1C4B4C)
• Worn Fern Quarry color palette (#EDFAE9, #C9E4E6, #DBB9C4, #8E8F7B, #505200)
• Quiet Dune color palette (#E7FCEA, #00C5D3, #E70057, #00613C, #002917)
• Softworn Station color palette (#EDF7FF, #669FC8, #9A5D5C, #684E25, #134D46)
• Lilac Alley color palette (#D8FFF4, #D6E6FF, #AAA1F8, #866A9C, #66484B)
• Powder Basin color palette (#FAF4EF, #C1E2F1, #C4BFF5, #5EA095, #5D4552)

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