Tempered Coast color palette — #EDD9E7 · #CE57A6 · #B50075 · #73003D · #3E001A

Magenta Rose takes the lead with Hot Pink close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Shell Pink (#EDD9E7): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#CE57A6): A luminous, vivid pink — the color of neon signs at night.
• Magenta Rose (#B50075): A full-bodied, vivid rose — the color of a warm blush.
• Mulberry (#73003D): A deep, shadowed, balanced rose — the color of a warm blush.
• Onyx (#3E001A): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged vibrant, 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

• Dusty Mulberry color palette (#F7E3FC, #BD5BC2, #9D1A93, #710059, #360023)
• Mulberry Quarry color palette (#FBD6E3, #D34C7A, #AF004A, #830027, #3F0007)
• Hazy Mulberry color palette (#E5DBF0, #AE56AC, #8E0064, #610020, #460200)
• Worn Plum Meadow color palette (#EDDDDE, #E3667B, #B52749, #630023, #160004)
• Linen Meadow color palette (#EBD7F6, #D162D0, #DD0096, #A8003D, #430004)
• Gentle Peony Lantern color palette (#EDDBD9, #D7498D, #1B71DB, #960058, #00193E)
• Plum Field color palette (#F7D4DA, #C83162, #8F5D00, #673D9E, #29000C)
• Pale Coast color palette (#F2DDDC, #E05547, #B02E00, #742A00, #311200)

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