Worn Teal color palette — #F9F4EE · #CCE8E1 · #A9D2B9 · #76B0A0 · #325245

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Honeydew (#CCE8E1): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#A9D2B9): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#76B0A0): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#325245): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Petal Cabin color palette (#ECF9EF, #FFDDF9, #BEDEF1, #ABC3A7, #405249)
• Turquoise Pier color palette (#EBFAED, #9AE3EC, #FAB2AA, #5EB8C2, #534B48)
• Lagoon Lagoon color palette (#F8F3F8, #D4D5E4, #B3C2E9, #6CA07C, #3B4F68)
• Softworn Harbor color palette (#E7FBED, #81D6E8, #DFA9D7, #C0AD74, #34483B)
• Muted Petrol Villa color palette (#F2E7D6, #5CAEBF, #0080A5, #005E58, #000A16)
• Hushed Turquoise Loft color palette (#EEF4EF, #CDE0F6, #58A9BE, #3C7869, #263946)
• Faded Sky color palette (#FEF4E3, #C3F1D9, #5DC1FE, #00A5A9, #104072)
• Softworn Cocoa Bloom color palette (#FFF3E8, #E8D6BF, #CCB096, #AC8A74, #5D4300)

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