Tempered Teal color palette — #FDF3ED · #F9BBA0 · #3AAF9D · #7F5A8E · #4F2D2F

Turquoise and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Cantaloupe (#F9BBA0): A whisper-light, balanced orange — the color of sun-warmed clay.
• Turquoise (#3AAF9D): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#7F5A8E): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#4F2D2F): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Jade Hollow color palette (#FFF2EF, #F9B6C7, #74AA69, #60659C, #4B2D41)
• Wandering Azure color palette (#FAF5E8, #D8CE83, #53A3D6, #98535F, #4F2F28)
• Antique Honey color palette (#EEF8F1, #E3C466, #92B588, #5A938C, #55374C)
• Softworn Mallow color palette (#F9F4EF, #C4E1F4, #CCBCF3, #619DA6, #5B4651)
• Tempered Coast color palette (#F7F5EE, #BDE2D8, #86BCA8, #9E7D74, #464B00)
• Stone Quarry color palette (#FFF3E7, #DCE3C9, #BFC9A2, #968085, #5F4A50)
• Muted Studio color palette (#FFF3E7, #F49502, #00918B, #742095, #44001B)
• Ancient Denim color palette (#E9F6EB, #B39865, #5A7398, #314C76, #1F2444)

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