Tempered Taupe color palette — #FAF1FF · #FFCDC1 · #AB966C · #58708B · #263F5B

A conversation between Caramel and Shell Pink, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Shell Pink (#FFCDC1): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#AB966C): A luminous, dusty gold — the color of honey in a jar.
• Slate (#58708B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#263F5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Taupe 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

• Wandering Shell color palette (#F5F3FF, #F2BFCC, #B78CA0, #446D81, #2A4451)
• Tempered Shell color palette (#FDF0FF, #FBD0CF, #93B9A6, #717F9A, #45506B)
• Basalt Studio color palette (#FFF0F8, #C4E5C9, #70A399, #5E617E, #383B5D)
• Bronze Study color palette (#FED6C9, #C49E86, #977331, #196065, #18485C)
• Fern Grove color palette (#F8E4E2, #B78149, #5C6000, #322C67, #0E0029)
• Weathered Navy color palette (#EED7FD, #D29C92, #906F2D, #0E3E70, #180A2D)
• Washed Moss Dune color palette (#FFF2EE, #E4BA7A, #6EA120, #655294, #302248)
• Hushed Lagoon color palette (#E8FAF3, #AEDFAC, #2E9F7F, #665D7E, #072F2B)

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