Tempered Pier color palette — #ECF9EF · #A2C0B0 · #937E4A · #74525D · #374D45
A conversation between Mocha and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Ash (#A2C0B0): A luminous, dusty teal — the color of glacier melt.
- Mocha (#937E4A): A luminous, dusty gold — the color of afternoon light on wheat.
- Coffee (#74525D): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#374D45): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Stone Pier color palette (#EAF6EC, #BBC08F, #958056, #6C4D5E, #1B312E)
- Bronze Terrace color palette (#ECF9EE, #8BB29B, #896E36, #6B4A26, #284439)
- Bronze Orchard color palette (#FDF4E6, #D4CBA5, #AE9875, #9E6538, #494C00)
- Washed Chestnut Study color palette (#F7E1E9, #B49059, #905206, #6C3012, #203628)
- Dusty Moss color palette (#C1E9D5, #839840, #635E00, #4C3900, #19300C)
- Worn Iris color palette (#F1F5FF, #8289D0, #A57337, #576636, #373D4A)
- Tempered Driftwood color palette (#F3F4FF, #CCA8D2, #AA6E9D, #81435D, #702F37)
- Weathered Bronze Loft color palette (#E0F3DE, #8E7224, #603D00, #401D00, #1A1700)
Browse the whole catalog at Explore, or see today's palette.