Tempered Pier color palette — #F5EDE6 · #D4D3C7 · #B8BEA2 · #CB7C3F · #392B1F

A conversation between Mustard and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Oat (#D4D3C7): bright and airy, almost weightless.
• Stone (#B8BEA2): A luminous, dusty green — the color of a quiet forest floor.
• Mustard (#CB7C3F): A luminous, balanced gold — the color of old brass.
• Espresso (#392B1F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Bronze Cabin color palette (#F6ECE6, #DED6CA, #BAB9A3, #A75A2D, #372B22)
• Muted Moss Thicket color palette (#F9F5E6, #D0DFCC, #ABCBB0, #9DA000, #35332C)
• Emerald Atelier color palette (#EAE5D3, #ABC48F, #5AA561, #986758, #202E09)
• Amber Grove color palette (#EFE6D9, #B18300, #655200, #332F29, #090300)
• Gentle Atelier color palette (#EFDBBC, #F28F0C, #968A1C, #006F98, #322000)
• Stone Lagoon color palette (#EFE3D5, #C0B978, #81A676, #5A7BA2, #332D58)
• Bronze Harbor color palette (#F1EDE5, #AAB5A1, #889F87, #817200, #191304)
• Tempered Garden color palette (#F2DDC6, #DE8E00, #009C6F, #1C5DBB, #3F0023)

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