Weathered Teal color palette — #EBF8F6 · #AFD5B2 · #71B18A · #708E61 · #123D3A

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

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Pistachio (#AFD5B2): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#71B18A): A luminous, balanced teal — the color of sea glass.
• Fern (#708E61): A luminous, dusty green — the color of new leaves after rain.
• Deep Teal (#123D3A): 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

• Dusty Lagoon color palette (#E9FAF3, #9AC09D, #3C927C, #5F6934, #003F3B)
• Moss Grove color palette (#DBF1E9, #A7D075, #5EAD45, #009257, #213500)
• Timeworn Pine color palette (#D0F1EB, #569A66, #00754B, #005548, #000902)
• Aged Corridor color palette (#EFF7F5, #C4E6E0, #89C2BE, #70A5A8, #35544F)
• Misty Lagoon color palette (#D8EBE9, #7BB694, #009571, #2C7539, #002111)
• Aged Pine Pier color palette (#F3F4DD, #7CAF81, #1C764B, #474740, #1B1E09)
• Powdered Turquoise Station color palette (#C1E8E4, #48D3D4, #00AEB9, #008394, #004755)
• Faded Mustard color palette (#DFF2F9, #58D3DC, #BDB52F, #00A5AD, #3B3700)

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