Tempered Harbor color palette — #E6FBF4 · #7EA114 · #006E88 · #5A006C · #180800

Royal Purple takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#7EA114): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#5A006C): A deep, shadowed, vivid pink — the color of a candy shop window.
• Ink (#180800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Tempered Aubergine Quarry color palette (#E4FBF6, #84B767, #0083A3, #642786, #350B00)
• Aubergine Garden color palette (#E6FCEC, #AF8E00, #00736C, #351093, #210003)
• Worn Emerald color palette (#E0F9F5, #1A9334, #00527E, #440038, #030100)
• Feathered Lantern color palette (#E1FBFD, #00AA89, #3B5CB9, #6B0034, #110C00)
• Pale Aubergine color palette (#E6E3C6, #597400, #004F5D, #3E1061, #3E0900)
• Navy Boulevard color palette (#EBDDC3, #836700, #00438D, #490037, #1B0012)
• Linen Mulberry Balcony color palette (#D5E7D4, #E59C1F, #007ECD, #A8265D, #40001D)
• Weathered Aubergine Garden color palette (#C6FCEC, #8CC3C1, #569592, #6D488D, #451C3A)

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