Worn Teal color palette — #F2F7EC · #FDC7B5 · #5AA783 · #397056 · #1F2418

Built around Jade, softened by Pine — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Wheat (#FDC7B5): A whisper-light, dusty orange — the color of toasted spice.
• Jade (#5AA783): A luminous, balanced teal — the color of glacier melt.
• Pine (#397056): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#1F2418): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Taupe Pier color palette (#F9F5EA, #F3CF9F, #9E9850, #6A652D, #272111)
• Dusty Cerulean Atelier color palette (#E6FBEE, #FFB8C5, #009EBE, #00667C, #042113)
• Muted Hollow color palette (#EBF9F7, #DAC18E, #468152, #184F27, #0F2625)
• Dusty Pine Bloom color palette (#F4F7EB, #FFE2A5, #4E8558, #1E4125, #0E1104)
• Linen Apricot color palette (#D7EBD4, #FFA299, #00928B, #005A56, #011500)
• Softworn Teal Grove color palette (#F3F6F1, #D3DDDC, #BAB6AC, #6BBDAB, #434B3E)
• Washed Coral Bloom color palette (#DFE8D8, #D4796A, #006853, #003026, #010200)
• Bronze Hollow color palette (#FFF3E9, #9CD8AC, #4EB1DB, #BA6A31, #32432B)

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