Tempered Teal color palette — #FAF3F8 · #D6D5E5 · #A0CEE8 · #6EB19F · #445468

Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#D6D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#A0CEE8): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#6EB19F): A luminous, dusty teal — the color of glacier melt.
• Peacock (#445468): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Tempered Meadow color palette (#EAF8FF, #9FE1F4, #F2B6AD, #62B6CD, #5F425A)
• Lagoon Thicket color palette (#F5F6EE, #CBE3DF, #96BCA5, #4D9495, #355244)
• Gentle Powder Market color palette (#FFF0F7, #CBE9FF, #82B9FF, #00A5A7, #333972)
• Glacier Lagoon color palette (#EAF8FF, #84D5EC, #EEAA9C, #BCA171, #304651)
• Cobalt Station color palette (#FAE7F0, #68BCDF, #2F87D3, #006D69, #070248)
• Turquoise Balcony color palette (#F7F0ED, #C8E5E1, #61A6CA, #2C7A68, #3F303F)
• Washed Teal color palette (#FAF3F7, #D8D4E3, #A6CBEC, #6CB1A9, #45536A)
• Ash Balcony color palette (#FBF3F6, #D8D4E2, #AACAED, #71AFAD, #485367)

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