Tempered Teal color palette — #F2F7F1 · #D1DEDD · #B8B5C1 · #44B2A5 · #394236

Built around Turquoise, softened by Charcoal — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D1DEDD): a clean, paper-quiet neutral.
• Ash (#B8B5C1): soft and architectural.
• Turquoise (#44B2A5): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#394236): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, 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

• Wandering Azure color palette (#EFF7F4, #E3D3CF, #BDBFAF, #009CE1, #243A33)
• Weathered Lagoon color palette (#FCF4E8, #D4E2C0, #8BA881, #42847A, #3A3831)
• Antique Cypress color palette (#EDF7F9, #D4DDE9, #BBC0D3, #448177, #3F4A4C)
• Timeworn Turquoise color palette (#EBF9F0, #3BAEC5, #2D4E46, #0E2417, #030702)
• Chestnut Basin color palette (#FFF3E7, #95DDC6, #4E9CC0, #934F00, #223822)
• Hushed Abyss Boulevard color palette (#DDE5E1, #C1B7C1, #A88699, #004258, #000201)
• Washed Powder Studio color palette (#ECF9EE, #B6E1ED, #CDC4CD, #88B7FF, #0D3B2B)
• Wandering Bronze color palette (#EFF9E4, #BBE7E0, #C2ACC2, #A27339, #5E4900)

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