Tempered Teal color palette — #DFF1E7 · #9ABF7E · #00AB91 · #834A00 · #0F1800

Built around Turquoise, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DFF1E7): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9ABF7E): A luminous, balanced green — the color of a quiet forest floor.
• Turquoise (#00AB91): A luminous, balanced teal — the color of shallow lagoons.
• Bronze (#834A00): A full-bodied, balanced gold — the color of old brass.
• Ink (#0F1800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Faded Mint color palette (#E0F2D5, #32C99C, #00A9C5, #695300, #001B09)
• Bronze Drift color palette (#F7F0D3, #94C995, #00BBC4, #B15911, #141600)
• Quiet Jade color palette (#FCF1CC, #B2E295, #49C394, #745700, #030500)
• Pale Emerald color palette (#FFE3EC, #BFB366, #00AE2F, #92342A, #221700)
• Antique Emerald Grove color palette (#E5EBC8, #8DAF63, #519253, #443D00, #1C1700)
• Pale Dune color palette (#F6FACA, #9BEDA8, #00D5C9, #A67400, #223C10)
• Airy Pine color palette (#CCE7DF, #7AD1E6, #66A4F4, #27792B, #002A2B)
• Antique Taupe color palette (#E5FBF3, #C2E8F8, #BEBAC6, #89AF92, #3E524F)

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