Tempered Pier color palette — #FCDFD2 · #AD6800 · #5D4400 · #322F00 · #002110

Ochre and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FCDFD2): A whisper-light, dusty orange — the color of autumn markets.
• Ochre (#AD6800): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5D4400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#002110): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Olive Dune color palette (#F8E5C4, #7A7A2F, #574200, #3D1F00, #0C1B00)
• Airy Field color palette (#FFDDDC, #D23B29, #713600, #412500, #171D00)
• Tempered Olive Workshop color palette (#F5EED2, #728000, #275700, #003C11, #00281F)
• Patina Garden color palette (#EFE4D2, #9DBE6E, #36A383, #774100, #202600)
• Nightshade Courtyard color palette (#EEDEC5, #886800, #4F43B5, #493600, #17094B)
• Amber Harbor color palette (#F1DEC5, #AF9400, #576B00, #104D02, #003734)
• Gentle Nightshade color palette (#F8EFCC, #6B5900, #2536BB, #401B90, #171100)
• Inked Fern Orchard color palette (#E7E5C9, #4D6700, #1B4200, #001E11, #00090B)

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