Tempered Coast color palette — #F9F3F7 · #CFD9DA · #B5B4BE · #D5A090 · #534B50

Built around Camel, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#CFD9DA): bright and airy, almost weightless.
• Ash (#B5B4BE): a calm mid-gray that lets other colors speak.
• Camel (#D5A090): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#534B50): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Weathered Celadon color palette (#FEF1F6, #E4D6D3, #B8E3AA, #A5B5AC, #32493A)
• Washed Amber color palette (#FEF1F6, #CADBE1, #BAB6C0, #D57605, #403036)
• Hushed Cabin color palette (#F7EFF3, #DED4D3, #A3B0B8, #997789, #3C3338)
• Softworn Stone color palette (#F9F2FF, #EAD7D9, #ACCDBB, #8F89A3, #544F63)
• Cocoa Field color palette (#EEE7EB, #AFC0B2, #6B9E8F, #632800, #040002)
• Wandering Marigold Thicket color palette (#FFF1F5, #D9A260, #415B52, #34272B, #130E11)
• Washed Grove color palette (#E5F2EC, #B9D7D5, #86AEB7, #4C5300, #000402)
• Muted Taupe color palette (#E9FBEC, #FFCFCC, #B3A34D, #5F729A, #4D3843)

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