Tempered Teal color palette — #F5F3DE · #63B38D · #007375 · #47473F · #172006

Built around Jade, softened by Teal — the whole palette hums with sophistication and grounding.

The five colors

• Cream (#F5F3DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#63B38D): A luminous, balanced teal — the color of glacier melt.
• Teal (#007375): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#47473F): quiet, heavy and certain.
• Onyx (#172006): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Aged Pine Thicket color palette (#FEEFDD, #9FA668, #347540, #4A453F, #211C07)
• Fern Parlor color palette (#F3F7E9, #72A98F, #10735E, #455204, #2B3C00)
• Chalky Moss color palette (#F1E3CC, #7AA600, #006D46, #004657, #101A00)
• Ancient Lagoon Ridge color palette (#E7FAF7, #97E3BF, #3D9C8D, #3B6E68, #032E30)
• Gentle Corridor color palette (#DFF0EA, #00AAA6, #00778D, #004669, #14193E)
• Patina Delta color palette (#D3F1E3, #29AEE1, #AC4C2E, #005D7C, #350D02)
• Bronze Ridge color palette (#D0F2FB, #008AA4, #9C5E00, #665600, #001A0C)
• Cobalt Hollow color palette (#FCEFE8, #8DD4E9, #4581B5, #065D49, #30152A)

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