Teal Workshop color palette — #E8F4F8 · #5DABA8 · #4B5A67 · #273C41 · #1A2423

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

The five colors

• Ivory (#E8F4F8): bright and airy, almost weightless.
• Turquoise (#5DABA8): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4B5A67): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#273C41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#1A2423): quiet, heavy and certain.

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

Use it as a design system

One click turns Teal Workshop 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

• Teal Coast color palette (#EBFAEA, #00C7C4, #415B52, #252E25, #0F100B)
• Aqua Courtyard color palette (#E1F6FC, #00D0D1, #677F8D, #4B575B, #1C2324)
• Weathered Iris color palette (#DAE6F5, #5F90D9, #4A4A65, #212F40, #0F1A20)
• Weathered Lagoon color palette (#EBF5EB, #008F8F, #274435, #222B22, #101713)
• Worn Apricot Garden color palette (#ECF7FF, #77BBE1, #D49560, #A1883C, #324553)
• Patina Corridor color palette (#EBF9F5, #B2DADD, #6CA7AD, #5A887E, #395254)
• Petrol Grove color palette (#DDF2FF, #007D9F, #262F58, #001926, #000608)
• Washed Study color palette (#D9ECFF, #0064A7, #453B3F, #271C3F, #000A18)

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