Tempered Coast color palette — #F4D8E1 · #BA8A74 · #437160 · #3B3766 · #1F1A43

Navy takes the lead with Deep Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#F4D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#BA8A74): A luminous, dusty orange — the color of autumn markets.
• Teal (#437160): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3B3766): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#1F1A43): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, 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

• Timeworn Chestnut Studio color palette (#FAE4FC, #B8807C, #766531, #1D4161, #00213D)
• Antique Field color palette (#F3E0FF, #BE97A9, #5D7E6F, #5A4368, #2C2A48)
• Muted Cypress color palette (#FEE2C9, #8FA062, #008179, #543052, #3B0E39)
• Stone Orchard color palette (#FFF2EC, #D3B17F, #968E6A, #1B5974, #202E4E)
• Ancient Bronze color palette (#FFEBE7, #8E7A43, #365633, #2D3051, #18092F)
• Patina Forest color palette (#E6F4E5, #8E934C, #156627, #402E5A, #121400)
• Ash Workshop color palette (#FFEBF7, #BAD8C5, #789F9F, #756177, #483749)
• Timeworn Market color palette (#EFE6ED, #7EBFCC, #1372A6, #004E35, #081137)

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