Tempered Coast color palette — #FFE8E7 · #C6DBC9 · #C2B4B0 · #604339 · #2D2523

A conversation between Cocoa and Oat, giving this palette its sense of sophistication.

The five colors

• Rose Water (#FFE8E7): A whisper-light, dusty orange — the color of toasted spice.
• Oat (#C6DBC9): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#C2B4B0): soft and architectural.
• Cocoa (#604339): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#2D2523): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, 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

• Worn Driftwood color palette (#FDF3EF, #E0DDCE, #AB7673, #653735, #231815)
• Stone Villa color palette (#FAF4EF, #DBDAD3, #A2B5B6, #D2A384, #544B45)
• Muted Turquoise Study color palette (#FFF1F5, #D1B7E5, #64BFC2, #488BAA, #412A31)
• Washed Bronze Hollow color palette (#FFF3E6, #DEDFBF, #CEB273, #8D7707, #464500)
• Aged Villa color palette (#BDEEFF, #4CFCD8, #FFBFD7, #816562, #352E2D)
• Tempered Straw color palette (#FDECFF, #FFDF6E, #FFBFA6, #491905, #1F0F05)
• Muted Petrol Basin color palette (#FFF1F3, #DBB4D9, #48A3B4, #32679C, #2F1E26)
• Antique Amber Terrace color palette (#FAF4F0, #E1DBCF, #CBA95F, #D3825F, #261D0C)

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