Tempered Coast color palette — #FFECF0 · #F7AFD1 · #FF7734 · #5F51C8 · #3D022C

Tangerine takes the lead with Iris close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FFECF0): A whisper-light, dusty red — the color of a theater curtain.
• Carnation (#F7AFD1): A whisper-light, balanced rose — the color of a warm blush.
• Tangerine (#FF7734): A luminous, vivid orange — the color of sun-warmed clay.
• Iris (#5F51C8): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#3D022C): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged pastel, light, warm.

Use it as a design system

One click turns Tempered 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

• Soft Studio color palette (#FFECF2, #F6AEE9, #FF7B77, #1A59E6, #330232)
• Quiet Orchard color palette (#FFEDEB, #FFBDBA, #DE9800, #8832B0, #39020E)
• Patina Blush Station color palette (#FFF0FB, #FFB7DB, #FF6F93, #903AA0, #582747)
• Violet Orchard color palette (#F2F0FF, #FFD3E4, #FFA186, #876DE9, #53264A)
• Softworn Delta color palette (#EFF1FF, #DCB5F6, #EE88B4, #00628F, #1C1142)
• Magenta Garden color palette (#FFF0FE, #E8D7D8, #E7BB96, #C355F0, #48113B)
• Ancient Corridor color palette (#FFEEE7, #E4D7B6, #C9BB82, #995786, #381E11)
• Mulberry Basin color palette (#FAEBE5, #E3A271, #8F872B, #7A174E, #220800)

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