Softworn Teal color palette — #ECF5E9 · #00B3A4 · #4B5E4D · #323B30 · #20231E

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

The five colors

• Cream (#ECF5E9): bright and airy, almost weightless.
• Turquoise (#00B3A4): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#4B5E4D): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#323B30): A deep, shadowed, dusty green — the color of a quiet forest floor.
• 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

• Dusty Azure Basin color palette (#E4F7EF, #00A9E3, #445E57, #2E3C36, #1E2320)
• Ancient Atelier color palette (#F0F4E6, #4CB370, #496222, #333D00, #22221D)
• Worn Aqua color palette (#E4F6F9, #79C8BB, #6B7F88, #41595E, #192424)
• Lagoon Courtyard color palette (#ECF5EA, #199082, #314135, #242B21, #0F1712)
• Weathered Sky color palette (#E1FDF0, #54BEEE, #AA99D7, #6C9F88, #34473F)
• Muted Veranda color palette (#E7FBEF, #7DD3EA, #ABB97C, #4199AF, #4E4D46)
• Tempered Alley color palette (#EDE0EE, #0492FA, #5C435A, #332A35, #111B17)
• Moonless Harbor color palette (#CEEAD9, #007F97, #00384E, #021C0F, #020602)

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