Tempered Teal color palette — #FCF2F9 · #F9A592 · #3DA990 · #3E6895 · #24202C

Turquoise and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Melon (#F9A592): A luminous, balanced orange — the color of autumn markets.
• Turquoise (#3DA990): A luminous, balanced teal — the color of sea glass.
• Slate (#3E6895): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#24202C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Dusty Drift color palette (#FFF1F5, #E1AC6A, #35A5BB, #656794, #2D212E)
• Timeworn Canyon color palette (#FFF1F5, #F1C192, #68AC7B, #3C7191, #39344E)
• Weathered Moss Harbor color palette (#F9F2FD, #EEA8CD, #7EA365, #117E8D, #252935)
• Linen Nightshade Grove color palette (#FFF1F6, #E77900, #008993, #303CB1, #16051C)
• Washed Taupe Canyon color palette (#ECF9EE, #FFD3B1, #B3A34E, #387B98, #364435)
• Aged Amber Dune color palette (#F9F0E8, #BE8650, #3A764F, #0E5061, #281517)
• Worn Marigold Veranda color palette (#EEF8EF, #D6A54B, #3C5D4D, #232E25, #130E10)
• Mustard Veranda color palette (#EDF8F2, #B0AD34, #2E8BCC, #734A82, #21111B)

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