Tempered Coast color palette — #FFF2EC · #E8D8C1 · #E7A055 · #9B7742 · #4F4B45

Built around Apricot, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#E8D8C1): A whisper-light, dusty gold — the color of honey in a jar.
• Apricot (#E7A055): A luminous, balanced gold — the color of old brass.
• Walnut (#9B7742): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#4F4B45): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged light, 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 Amber Drift color palette (#FFF0F8, #DBA67F, #B47E4F, #825D2C, #37503A)
• Powdered Mustard color palette (#FFE9CF, #E5A800, #8D7800, #534F00, #151D00)
• Aged Atelier color palette (#FFF4E1, #F2E2A0, #B1B44B, #78874F, #4C4C45)
• Washed Villa color palette (#FFF2EE, #FFC2AF, #E8AB75, #A19263, #635200)
• Blush Veranda color palette (#FFF1F1, #F6D2CB, #F7949F, #A3645E, #524B46)
• Taupe Corridor color palette (#FBF4EC, #E7E1B5, #A6D0FF, #BD905B, #523E54)
• Aged Marigold Boulevard color palette (#FFF4E2, #D9DFC6, #CEA856, #7A6228, #3B2908)
• Quiet Amber color palette (#FFF3E9, #FFBA60, #BC8C00, #7B6900, #383900)

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