Worn Teal color palette — #ECF8F5 · #B4F7D8 · #52AFB2 · #5D7E75 · #203E3F

Turquoise and Mint set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Mint (#B4F7D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#52AFB2): A luminous, balanced teal — the color of sea glass.
• Slate (#5D7E75): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#203E3F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Washed Straw color palette (#FFF1F5, #EDE9A7, #85AA7B, #607B84, #293E34)
• Powdered Celadon color palette (#DDFFED, #A8EE9E, #22A88E, #44718C, #1B3618)
• Hushed Studio color palette (#E6F5F5, #95BCBD, #2D8673, #265F5E, #092D2F)
• Hushed Glacier Boulevard color palette (#DAFFEF, #5EF3FD, #29AED8, #417CA6, #364366)
• Muted Thicket color palette (#FBF2F7, #D6D4E0, #98BFE8, #4D917F, #343E59)
• Fern Lantern color palette (#F5F6EB, #A8B599, #31827F, #46633C, #334B06)
• Hushed Apricot Delta color palette (#ECF7FF, #9DDEFF, #F2A686, #4394B9, #542C1C)
• Weathered Cabin color palette (#FFF0F7, #E8CE85, #7E9354, #5D617D, #1A2D20)

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