Tempered Teal color palette — #F8F7DA · #A4EDB5 · #38A886 · #8A613D · #2E2F29

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

The five colors

• Custard (#F8F7DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint (#A4EDB5): A whisper-light, balanced teal — the color of sea glass.
• Jade (#38A886): A luminous, balanced teal — the color of sea glass.
• Walnut (#8A613D): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#2E2F29): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Pale Celadon color palette (#FDF4E0, #CFE57E, #71A15D, #915A52, #2B3307)
• Bronze Grove color palette (#FAF5E7, #D9EFB6, #81AB7E, #8B742B, #393932)
• Chalky Corridor color palette (#F7F6E5, #9CE1B4, #30BDAA, #B47670, #1B442C)
• Mint Delta color palette (#FAF8D0, #79DE87, #00956B, #4C602B, #002708)
• Ancient Study color palette (#DEFDF6, #85B087, #007E48, #5F5000, #204423)
• Wandering Corridor color palette (#DCF9F1, #81B695, #007C70, #7D2F2A, #002815)
• Antique Jade Archive color palette (#DDFFE6, #93FFBD, #00B970, #006739, #001908)
• Antique Moss color palette (#E8E2C5, #63A142, #005D31, #2A2F00, #000200)

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