Tempered Teal Studio color palette — #BAF1E2 · #7BB8A7 · #5C7FA0 · #794F3E · #5A4251
Built around Mint Leaf, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Sea Foam (#BAF1E2): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#7BB8A7): A luminous, dusty teal — the color of sea glass.
- Slate (#5C7FA0): A full-bodied, dusty blue — the color of deep harbor water.
- Coffee (#794F3E): A full-bodied, dusty orange — the color of toasted spice.
- Cocoa (#5A4251): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Tempered Teal Studio 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
- Washed Stone color palette (#C4EFF2, #81BFC1, #6C91AC, #6F6078, #534150)
- Muted Lantern color palette (#C9EAE3, #73ADA5, #5080A8, #3F5A40, #19443B)
- Patina Studio color palette (#E3E7CB, #95D4D0, #84B2A4, #A0816C, #673200)
- Indigo Drift color palette (#E2F2E9, #00A6C5, #5F5DAB, #584C00, #433900)
- Patina Cabin color palette (#D6F6FD, #7C99B8, #7B5887, #165535, #0E3C3C)
- Weathered Violet color palette (#BCF5E7, #81BBE9, #9469AF, #3E6232, #004C3A)
- Tempered Teal Garden color palette (#DAEFE1, #00B7AC, #007E94, #004D6F, #21355B)
- Muted Ridge color palette (#FCF2F9, #9ECDE4, #2A7EB9, #006249, #2D3A55)
Browse the whole catalog at Explore, or see today's palette.