Tempered Teal color palette — #FCF3EE · #C5E9E5 · #8BC4F1 · #55AB8B · #5B3C54

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Honeydew (#C5E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8BC4F1): A luminous, balanced blue — the color of deep harbor water.
• Jade (#55AB8B): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5B3C54): A full-bodied, dusty pink — the color of a candy shop window.

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

• Feathered Villa color palette (#FFF2ED, #CBEFD6, #63C1FD, #00AB78, #2B3C6F)
• Aqua Hollow color palette (#F9F4EE, #BBE5F2, #5FC9F6, #39928C, #25473E)
• Hazy Courtyard color palette (#ECF9EF, #84DCEB, #F7A881, #00B2C8, #653318)
• Worn Harbor color palette (#FFF3E9, #B3E0FF, #83A7FF, #009892, #3A1B6E)
• Muted Teal color palette (#EBFAEE, #F4D7D3, #F8CAFE, #66C3A9, #2D5345)
• Dusty Turquoise Orchard color palette (#DAE8C0, #88DED0, #00C0DD, #008EBE, #2B446A)
• Worn Cypress Corridor color palette (#F7EFF5, #BDE3F5, #6493B8, #236D54, #1F2C44)
• Washed Forest color palette (#E8DCD8, #62AFB3, #007FA8, #006131, #00081E)

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