Weathered Jade color palette — #F2F7EC · #3AAF84 · #157E90 · #415475 · #44423B

A conversation between Jade and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Jade (#3AAF84): A luminous, balanced teal — the color of sea glass.
• Teal (#157E90): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#415475): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#44423B): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Weathered Jade 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

• Jade Summit color palette (#F0F4E6, #71AD7D, #3E7999, #5E3E67, #3B1F0C)
• Hushed Atelier color palette (#F5F6EE, #C4EADF, #69A5AA, #437A70, #3A5141)
• Tempered Aqua color palette (#E8FDDA, #5CCBBD, #229894, #216A6D, #3C5642)
• Washed Harbor color palette (#EEF8F0, #00ABBB, #52729C, #6D4655, #3B4900)
• Quiet Lantern color palette (#E4FEE0, #009189, #006287, #353282, #253700)
• Dusty Boulevard color palette (#F8F6E7, #8FA158, #3F7E6D, #75443E, #5A3B00)
• Oat Loft color palette (#EDFAE3, #BCD2BA, #839688, #786472, #624E4E)
• Tempered Lagoon color palette (#EEF4E8, #00936A, #35402F, #262A21, #121613)

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