Tempered Coast color palette — #FDE8E2 · #CA987D · #7A754A · #3E496D · #381E2F

Camel and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FDE8E2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#CA987D): A luminous, dusty orange — the color of toasted spice.
• Walnut (#7A754A): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#3E496D): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#381E2F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Pine Balcony color palette (#F0E3DA, #B1A487, #458560, #65454D, #3A1E22)
• Tempered Bronze Delta color palette (#FDE2E1, #C98E8D, #956C35, #295649, #033127)
• Misty Pine Lantern color palette (#FFE9D8, #A89747, #00873E, #583467, #350C44)
• Timeworn Taupe color palette (#FEEFE2, #D6CFB7, #8F987D, #785D62, #483737)
• Softworn Stone color palette (#F7DCF3, #E3AF83, #6D9484, #5A6A7F, #344355)
• Antique Workshop color palette (#EEEADC, #779A72, #00706E, #5B2839, #341109)
• Hushed Field color palette (#FFE4D8, #D77B2A, #835F00, #463E00, #1E2300)
• Patina Fern color palette (#FFE6E4, #936D49, #4B5300, #262756, #19042F)

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