Tempered Teal Harbor color palette — #E6FBF2 · #B5EFD6 · #76AD86 · #66788D · #223F39

A conversation between Jade and Mint, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint (#B5EFD6): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#76AD86): A luminous, balanced teal — the color of glacier melt.
• Slate (#66788D): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#223F39): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Teal 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

• Dusty Teal color palette (#EDF8F7, #BBDEEF, #7CBCB4, #808598, #354B4C)
• Hushed Oat Market color palette (#E6FBF2, #B9DD9D, #63996E, #675D7E, #0F2E28)
• Worn Fern Station color palette (#F5F6EC, #ADB395, #43835F, #266370, #404800)
• Aged Cypress color palette (#F8F1E4, #B8B591, #55815F, #6E4759, #2C2807)
• Feathered Mint Quarry color palette (#F7F3FF, #FFBBEE, #72D1A3, #AD749F, #004143)
• Mallow Delta color palette (#F8F2FF, #FD91D4, #B6AD5D, #5B9CB3, #2F2639)
• Pale Clover color palette (#DDFEF3, #64B961, #00724B, #542C45, #000B00)
• Ash Lantern color palette (#F8F2FF, #E9D5DD, #B0B6AB, #B193B9, #54465B)

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