Tempered Coast color palette — #FEF0FF · #FFD6D4 · #E7A48F · #9E6C53 · #674453

Built around Melon, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Shell Pink (#FFD6D4): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#E7A48F): A luminous, balanced orange — the color of autumn markets.
• Walnut (#9E6C53): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal Brown (#674453): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Apricot Ridge color palette (#FFF0FC, #FFD9CA, #E0A77B, #9A7140, #39523D)
• Weathered Blush color palette (#F6F3FF, #F1D5D8, #D996B5, #A96C7E, #583F5A)
• Antique Rust Alley color palette (#FFDEDD, #EDA5AD, #BD6345, #7F4F29, #3D3932)
• Bronze Ridge color palette (#FFF1F6, #E4E0D2, #D5A47C, #90603D, #411D2F)
• Dusty Apricot color palette (#FFDFD0, #FE993E, #AA6C00, #654A00, #201900)
• Timeworn Taupe color palette (#FFF0F9, #EEDABF, #99D6EE, #C8886D, #244B60)
• Powdered Basin color palette (#FFF2EE, #FFAD83, #D47400, #935C00, #433000)
• Softworn Sand color palette (#FFF0F8, #F8BD9A, #8ACAB4, #A29ACF, #45323C)

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