Tempered Teal color palette — #F8F6E1 · #60B78E · #00797A · #6D4156 · #393C35

A conversation between Jade and Teal, giving this palette its sense of sophistication and grounding.

The five colors

• Cream (#F8F6E1): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#60B78E): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00797A): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#6D4156): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#393C35): a grounded near-black with real depth.

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

• Hushed Pine color palette (#FFF3E3, #9FAA70, #357A49, #5C4474, #383F0A)
• Cypress Workshop color palette (#E2F7F2, #7FB791, #007E64, #6D4007, #002912)
• Denim Dune color palette (#E6E6D3, #5D9A86, #006069, #592F3C, #1F2E10)
• Muted Lagoon Loft color palette (#F6F7E3, #8FCBA2, #0D9D7E, #905B24, #1B442B)
• Jade Market color palette (#DBFFED, #21C587, #008042, #004827, #00311D)
• Dusty Clover Meadow color palette (#F5F8DE, #5BBD50, #B353B0, #125F09, #572255)
• Pale Mulberry color palette (#C2FBDC, #2CAB76, #8B3597, #920058, #003B24)
• Pale Olive color palette (#EAE2D3, #98A100, #358200, #005B3E, #024151)

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