Tempered Teal color palette — #FFF2EC · #E09487 · #4CB190 · #567DAA · #433B38

Built around Jade, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#E09487): A luminous, balanced orange — the color of sun-warmed clay.
• Jade (#4CB190): A luminous, balanced teal — the color of sea glass.
• Slate (#567DAA): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#433B38): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged muted.

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

• Lilac Atelier color palette (#FFF1F4, #C598CF, #5DAE92, #5F7CA5, #48383C)
• Turquoise Delta color palette (#FDF3EB, #D69C7B, #3EABC4, #8A6D9E, #423C37)
• Stone Lagoon color palette (#FCF1FA, #F6AEA6, #7ABFA7, #5589A6, #3A2D38)
• Ancient Lagoon Harbor color palette (#FFF2EF, #DD8F9B, #009D7B, #665E91, #412F2B)
• Patina Taupe color palette (#FFF3E3, #EAAE93, #9D954B, #636A9D, #663D00)
• Frosted Ridge color palette (#FFF2EA, #EC671E, #009A98, #3A59CD, #3E2412)
• Coral Corridor color palette (#FFF0FD, #CA746F, #84824B, #68557F, #453943)
• Mallow Atelier color palette (#F3F4FF, #CCB7ED, #7EC2D6, #9F8FC3, #3A3C4C)

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