Tempered Teal color palette — #EAF8FC · #3BC5BF · #BB8F57 · #6A6E3B · #1B2C2C

Aqua and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF8FC): bright and airy, almost weightless.
• Aqua (#3BC5BF): A luminous, balanced teal — the color of sea glass.
• Caramel (#BB8F57): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6A6E3B): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#1B2C2C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aged Courtyard color palette (#E9F8FF, #7CC6D6, #CD93AA, #A57F5A, #1F3736)
• Patina Aqua Pier color palette (#E9F8FD, #4EC5CA, #7A89BE, #697248, #152C2D)
• Aged Fern color palette (#E9F8FF, #00ADC8, #887200, #346200, #001317)
• Powder Loft color palette (#EFF6FF, #82B9FF, #B57CAC, #387E6F, #1B272E)
• Patina Ash color palette (#EEF6FF, #A5D0FF, #A48DC4, #8A5A6C, #1A3D4B)
• Dusty Ash color palette (#EFF6FC, #D8DAE5, #CBC0C5, #95B3C8, #494E52)
• Cocoa Parlor color palette (#EBF4EF, #4990A2, #95596F, #6D3F00, #171B07)
• Lilac Loft color palette (#F1F5FF, #9E99F9, #BF5D7E, #006C75, #0B1B2B)

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