Tempered Pier color palette — #D1E6D5 · #948757 · #6C5100 · #4B3100 · #002C1B

Coffee and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D1E6D5): A whisper-light, dusty teal — the color of glacier melt.
• Caramel (#948757): A luminous, dusty green — the color of fresh herbs.
• Coffee (#6C5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4B3100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#002C1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Wandering Driftwood Thicket color palette (#D3E9D7, #8E8A38, #6C5000, #4C2600, #00120E)
• Chestnut Chapel color palette (#FEE4EF, #AB7C52, #834100, #5D2200, #122B10)
• Tempered Terrace color palette (#DAEEE2, #77A28D, #71641C, #554100, #14382C)
• Quiet Mustard Canyon color palette (#FCEDD3, #C9B146, #AC8928, #836636, #2D2304)
• Aged Cocoa Garden color palette (#C2E6E7, #007451, #853A00, #493300, #002114)
• Muted Bronze color palette (#FED8E7, #8F5A03, #552D00, #311200, #120900)
• Washed Basin color palette (#EEF8F0, #A3C1AC, #688A6E, #496748, #384D41)
• Timeworn Cocoa color palette (#FFF0F8, #BD9CAB, #926750, #7D3C26, #4F343E)

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