Teal Workshop color palette — #ECF7FB · #BBE7FF · #FFB89F · #24AEB5 · #623A2C
A conversation between Turquoise and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF7FB): bright and airy, almost weightless.
- Powder Blue (#BBE7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Melon (#FFB89F): A whisper-light, balanced orange — the color of autumn markets.
- Turquoise (#24AEB5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#623A2C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged 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
- Azure Dune color palette (#EDF7FF, #D1DAF8, #F5BF9B, #37A3E6, #5D394B)
- Teal Chapel color palette (#EBF8F9, #BDF4DD, #FEB5BD, #47B08C, #553C58)
- Mallow Delta color palette (#EBFAEF, #92E4F4, #DDB2FF, #57B8CB, #61434D)
- Antique Abyss color palette (#DCF2FF, #D9D4CA, #97AAB5, #294558, #252C31)
- Apricot Hollow color palette (#ECF7FF, #79D4FF, #FF8A4B, #008AB6, #4F1D00)
- Hushed Turquoise Villa color palette (#EAFAED, #55C2CC, #C78674, #357F85, #534B47)
- Wandering Boulevard color palette (#EBF7FF, #D4D9E5, #6FBCD8, #007B98, #003642)
- Aged Workshop color palette (#EBF7FF, #95D6F2, #F0A1AF, #DA8C5B, #253B49)
Browse the whole catalog at Explore, or see today's palette.