Softworn Teal color palette — #E9F6EA · #00B1B5 · #475E52 · #323B32 · #20231E

Turquoise and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E9F6EA): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#00B1B5): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#475E52): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#323B32): quiet, heavy and certain.
• Onyx (#20231E): quiet, heavy and certain.

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

Use it as a design system

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

• Jade Summit color palette (#F0F4E4, #4CB469, #525C4C, #37392E, #22221C)
• Worn Turquoise Garden color palette (#EBF8FC, #71BDC1, #425862, #1C2E34, #081113)
• Antique Field color palette (#E6F6F1, #43A2ED, #665061, #2F3B37, #1D2320)
• Dusty Corridor color palette (#E3F6FB, #79C6C7, #6C7E8C, #415960, #192424)
• Antique Coast color palette (#DCF7E7, #0095B5, #234866, #152C20, #0B140C)
• Weathered Studio color palette (#E0FDF3, #5CBBF9, #CF90A2, #8C9965, #334741)
• Hushed Apricot Lantern color palette (#E8FAF2, #87CFF5, #E29F7F, #5395B8, #524C47)
• Patina Lantern color palette (#DCF0E6, #007CA6, #422843, #021B12, #010603)

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