Tempered Teal Study color palette — #F4F7E9 · #86BA8B · #A390C8 · #A2657C · #3D3E37

Mint Leaf and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Mint Leaf (#86BA8B): A luminous, balanced green — the color of fresh herbs.
• Mauve (#A390C8): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A2657C): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal (#3D3E37): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Ash color palette (#EEF9EE, #77B8B8, #C386A7, #A36B4C, #334133)
• Ancient Terracotta Delta color palette (#F0F8EE, #7BC0BA, #8385C2, #9E4B54, #454518)
• Violet Dune color palette (#FBF5E6, #B6AC74, #70A0CF, #8C68AB, #403D36)
• Patina Mint Study color palette (#E5FAF8, #87DA91, #B0A5DE, #8C799B, #233634)
• Antique Driftwood Lagoon color palette (#FBF4E7, #9F9054, #8E6FAB, #7B5632, #403D36)
• Weathered Garden color palette (#E5F3E3, #00A49F, #B45F8F, #9C4100, #132D12)
• Brick Drift color palette (#EDFBE0, #30C299, #9751B5, #C0002B, #003426)
• Patina Teal color palette (#F3F6F1, #D4DCD9, #A7B7BD, #62AC98, #50544D)

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