Tempered Teal color palette — #F3F6F0 · #D3DCD9 · #A5B7BB · #6FAA94 · #50544C

Built around Jade, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DCD9): bright and airy, almost weightless.
• Ash (#A5B7BB): A luminous, dusty blue — the color of deep harbor water.
• Jade (#6FAA94): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#50544C): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered 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

• Cerulean Courtyard color palette (#F0F7F4, #DFD4D3, #AFA294, #6496B4, #414A46)
• Worn Stone color palette (#EEF7F8, #D4DBE2, #B3B1BE, #736861, #4B5555)
• Weathered Abyss Cabin color palette (#E3EAE0, #9AAA9B, #68917B, #005146, #060B04)
• Timeworn Summit color palette (#F1F7EF, #70C3B6, #7989C4, #8F5566, #46423B)
• Teal Boulevard color palette (#ECF4EC, #43AEB0, #455F51, #303B31, #20231E)
• Wandering Olive color palette (#FAF4EC, #DCD0B2, #96A369, #788540, #604A00)
• Softworn Sky color palette (#EEF9ED, #B5F3EC, #98E1FF, #72BCE7, #3A4D3F)
• Dusty Cocoa color palette (#EAFBE6, #BEE1CC, #B9A3BA, #987C78, #763D15)

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