Tempered Coast color palette — #FCF4EA · #E8BC83 · #90AFF8 · #AF8347 · #5B4458

Sky and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Sand (#E8BC83): A whisper-light, balanced gold — the color of old brass.
• Sky (#90AFF8): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#AF8347): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#5B4458): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Optimism, Creativity, Balance. 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 Lilac color palette (#F6F6EC, #B3CF9D, #B0A3F9, #759955, #5E4452)
• Ancient Taupe Ridge color palette (#EBFAEE, #ECD19D, #A3CBF4, #C0A46D, #34506B)
• Ancient Workshop color palette (#FFF3E5, #DAA664, #66ABE7, #918BBD, #47413C)
• Teal Drift color palette (#FFF2EB, #EEB5A0, #3ACAB7, #BE775D, #42533C)
• Muted Villa color palette (#ECF9ED, #D5A75B, #57AA97, #8A6D3F, #2A555A)
• Hushed Cornflower Thicket color palette (#FFF5D9, #D3C32C, #6681EC, #857900, #27356E)
• Aged Chestnut color palette (#FCF4E9, #B0FFF2, #C5E1CC, #B8947E, #675000)
• Wisteria Study color palette (#F5EFD5, #A5B151, #BA72DC, #707900, #412B4C)

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