Tempered Pier color palette — #FAF0E8 · #C28F6D · #79743B · #2D573A · #401B15

Built around Camel, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Camel (#C28F6D): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#79743B): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#2D573A): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#401B15): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Hushed Bronze Harbor color palette (#FDEEE8, #C58B85, #8F693A, #4A5118, #222B0E)
• Ancient Taupe Basin color palette (#F4F2E7, #9CA261, #408162, #005661, #3D1F03)
• Antique Terrace color palette (#F9F0E7, #BB9468, #697943, #643D59, #411913)
• Ancient Delta color palette (#F9F2FC, #B98896, #7B713E, #005C77, #5B3445)
• Antique Basalt Drift color palette (#FFEFDD, #D4C8B3, #97907A, #5B6751, #31442F)
• Misty Villa color palette (#F6ECDC, #9B7500, #276516, #003C3C, #250B00)
• Ancient Orchard color palette (#F8EBE1, #B0724E, #563200, #271B13, #110B08)
• Chalky Aubergine Boulevard color palette (#FFEEE2, #CB5F00, #665D00, #590070, #34000F)

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