Tempered Teal Coast color palette — #FFF1F4 · #D4B6E0 · #C9B677 · #48AE96 · #4D363C

Built around Turquoise, softened by Sand — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D4B6E0): A luminous, dusty pink — the color of peonies in June.
• Sand (#C9B677): A luminous, balanced green — the color of new leaves after rain.
• Turquoise (#48AE96): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4D363C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Teal Coast 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 Taupe Garden color palette (#FFF1F7, #C7B9ED, #E6A495, #89A566, #4B363F)
• Wandering Azure Thicket color palette (#FFF1F6, #CCB6F0, #92C59F, #65A1C8, #4C363F)
• Wandering Teal Study color palette (#FDF3EA, #EDB58D, #AFBE88, #50AAAF, #423C37)
• Cerulean Corridor color palette (#FCF5E2, #E8C3E3, #D69E96, #5197A9, #5B403E)
• Muted Balcony color palette (#EDF6FF, #84B1D5, #8CA573, #3F8C65, #2D3F4F)
• Frosted Blush color palette (#FFF1F1, #F886C6, #B3AB00, #009CA0, #431B32)
• Washed Coral Studio color palette (#FFEADF, #F08D78, #89AE5B, #0093A4, #3C1D0C)
• Airy Sapphire Orchard color palette (#FCDFC5, #F28A13, #00AEA0, #096AF1, #321700)

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