Tempered Pier color palette — #FDEFE6 · #CFAC85 · #79462C · #3D1E06 · #160801

A conversation between Coffee and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FDEFE6): a clean, paper-quiet neutral.
• Camel (#CFAC85): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#79462C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3D1E06): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#160801): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Weathered Marigold Parlor color palette (#F9F1E0, #C7A340, #5A4B00, #282000, #0C0700)
• Muted Cocoa Meadow color palette (#FCF2F8, #B7B083, #7C3C28, #511907, #2A1D26)
• Washed Chestnut color palette (#F9F0E7, #D9A977, #80771D, #8E5600, #140D00)
• Bronze Bloom color palette (#FDF1F8, #E0BD97, #9A6247, #653318, #291E24)
• Hushed Olive color palette (#FFEFC6, #BFB26D, #80832C, #485400, #142700)
• Olive Lagoon color palette (#FAF1DD, #AC9C57, #65732B, #00524F, #2A2208)
• Wandering Bronze color palette (#FFF2EB, #F3E7A6, #A46250, #3E3733, #180C06)
• Hushed Amber color palette (#FFEEE3, #C06D42, #677E4B, #6B3E71, #271508)

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