Teal Workshop color palette — #F8F3F8 · #D4D5E8 · #92D1EE · #7CB18A · #455466

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D4D5E8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#92D1EE): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#7CB18A): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#455466): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Patina Mustard Market color palette (#ECF7FF, #87D1FE, #CAC259, #9FB97C, #364450)
• Turquoise Delta color palette (#F8F5EF, #C7ECE3, #77BECE, #549583, #355145)
• Teal Thicket color palette (#FDF1F8, #BCEEFF, #78BCFF, #00A98A, #363A69)
• Tempered Cypress Field color palette (#F8F0EC, #C7E6DE, #80A691, #487660, #193E34)
• Dusty Powder color palette (#E0F7FF, #A7DDFF, #8EBCFF, #8288C0, #4D4F68)
• Sunlit Cobalt color palette (#F9EAF3, #5BC0D7, #008AD3, #007053, #080840)
• Wandering Alley color palette (#FFF0F8, #C3E4C5, #DEA88C, #A486A6, #3A4D44)
• Softworn Honey color palette (#F1F5FF, #CAD2FF, #F7B976, #98A2EB, #65414E)

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