Weathered Teal color palette — #E9FAF1 · #BBD3AA · #6CB28A · #8B8656 · #0D3E36

Jade and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FAF1): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#BBD3AA): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6CB28A): A luminous, balanced teal — the color of glacier melt.
• Mocha (#8B8656): A luminous, dusty green — the color of a quiet forest floor.
• Forest (#0D3E36): 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 Weathered Teal 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

• Softworn Atelier color palette (#EBF9F4, #B6E1C2, #73BCAE, #719A8E, #2A4947)
• Emerald Alley color palette (#ECF8F4, #C0D9AD, #679960, #5C6B29, #062F28)
• Teal Lantern color palette (#D0ECE1, #93CA92, #3BA687, #3D7F90, #103112)
• Hushed Workshop color palette (#D9EADE, #7F9150, #1C7534, #005353, #040700)
• Muted Mustard color palette (#DEF2DC, #D4C251, #82A542, #208E74, #352E00)
• Teal Loft color palette (#E5FAFF, #D1DAEF, #CDBBEA, #72BA97, #22404F)
• Airy Blush color palette (#C6ECF8, #00C6CA, #ED7D8E, #C6783A, #00313D)
• Pine Harbor color palette (#F8F1E1, #91A97C, #007848, #4D471D, #1E1D04)

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