Weathered Teal color palette — #FFF3E4 · #D5D1A4 · #60AF92 · #8A637F · #563734
A conversation between Jade and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Wheat (#D5D1A4): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#60AF92): A luminous, balanced teal — the color of glacier melt.
- Slate (#8A637F): A full-bodied, dusty pink — the color of peonies in June.
- Cocoa (#563734): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Patina Harbor color palette (#FFF2EC, #FAD5A8, #98A86A, #6A5E8A, #5B3442)
- Timeworn Cocoa Parlor color palette (#FFF5D7, #B8DFBE, #57B2BE, #8B5459, #5E2401)
- Cypress Coast color palette (#F4E1D2, #92A780, #3F8181, #504760, #2A1F3A)
- Ancient Oat Field color palette (#C5F0E8, #A5D2B1, #81B4B9, #5D819C, #334C67)
- Cocoa Atelier color palette (#F8F6E1, #C9E8D9, #A8C3B4, #9F8174, #714201)
- Washed Study color palette (#EBEFD1, #70A785, #00656E, #58242A, #1F0003)
- Lagoon Pier color palette (#F5F7EA, #A3DFC9, #259C9D, #8D522C, #202C12)
- Tempered Cerulean Courtyard color palette (#DBFFEB, #A6C7A9, #6186B8, #6D4A22, #332A00)
Browse the whole catalog at Explore, or see today's palette.