Tempered Teal color palette — #F2F9E1 · #56B990 · #007B65 · #055D5B · #393C35

Jade and Teal set the tone — five colors that lean into calm and sophistication.

The five colors

• Cream (#F2F9E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#56B990): A luminous, balanced teal — the color of sea glass.
• Teal (#007B65): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#055D5B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#393C35): a grounded near-black with real depth.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Jade Basin color palette (#F5F3DB, #55C17C, #007D6C, #205366, #1D2401)
• Weathered Olive Cabin color palette (#F9F6E5, #91AF70, #2A7E03, #005D5D, #3B3B34)
• Hushed Lagoon Atelier color palette (#E1E7DA, #29A18A, #00625B, #00474C, #202E17)
• Frosted Mint color palette (#E4FBF4, #68D58D, #009C87, #3E7184, #164341)
• Timeworn Pier color palette (#F3F7ED, #B6C7AA, #4A8F85, #536C63, #475041)
• Timeworn Meadow color palette (#FFF0F9, #8480FF, #009287, #5235D4, #00453F)
• Seafoam Quarry color palette (#FCF5E0, #A4E0A6, #54B9A6, #5390B9, #1D4520)
• Patina Forest color palette (#F2EFD8, #65854C, #0D5408, #003638, #0F2000)

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