Tempered Pier color palette — #FFDED3 · #F88B30 · #A16200 · #5F3F00 · #231A00

Apricot and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Shell Pink (#FFDED3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Apricot (#F88B30): A luminous, vivid gold — the color of old brass.
• Ochre (#A16200): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#231A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged warm.

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 Mustard Summit color palette (#FFE2C3, #E2A700, #857300, #4A4900, #171E00)
• Gentle Amber color palette (#F2DDD1, #CF740F, #7E4900, #533300, #272901)
• Wandering Amber Boulevard color palette (#FDE2CA, #CD8800, #7A5E00, #3D3500, #090A00)
• Hushed Parlor color palette (#FFF3E5, #F4A626, #0286EA, #875800, #001933)
• Scarlet Studio color palette (#FFDBE0, #FE767F, #D72500, #813500, #2B1300)
• Pale Corridor color palette (#FFF2EB, #FBAF63, #BF8300, #6B5600, #393500)
• Chalky Honey color palette (#FFF4DA, #EBC042, #A37800, #4A3800, #070400)
• Aged Bronze Study color palette (#F0E4CB, #9C8100, #575800, #1E2900, #010200)

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