Tempered Teal color palette — #F5F4FF · #D6B5E0 · #BDBA80 · #66AA8A · #3D3A50

A conversation between Jade and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#D6B5E0): A luminous, dusty pink — the color of a candy shop window.
• Sand (#BDBA80): A luminous, dusty green — the color of a quiet forest floor.
• Jade (#66AA8A): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#3D3A50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged light, 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

• Patina Taupe color palette (#F0F5FF, #ACC0FC, #DBAB8B, #8EA360, #343D4F)
• Antique Taupe Lagoon color palette (#F6F3FD, #D6AAD5, #9CA85C, #35968E, #2D3647)
• Shell Balcony color palette (#FBF1FD, #F4ABBA, #91C59C, #57A6BC, #453749)
• Hushed Quarry color palette (#F7E8FD, #E88CA6, #70B279, #0092AD, #321D39)
• Sunlit Tangerine color palette (#F9DAEB, #FE7E3A, #00ACAB, #0075D5, #381200)
• Feathered Amber Harbor color palette (#F8F2FF, #FFCDDD, #ECA2A7, #CC775C, #6B3300)
• Rose Station color palette (#E5DAE6, #D75C6F, #00956D, #006C8F, #220006)
• Muted Lantern color palette (#FFECF0, #B07FC0, #88864D, #376A58, #2E1D21)

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