Tempered Pier color palette — #FDF4E5 · #C9AD65 · #7E99CB · #84703E · #594657

Gold and Blue Fog set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#C9AD65): A luminous, balanced gold — the color of afternoon light on wheat.
• Blue Fog (#7E99CB): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#84703E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#594657): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Muted Bronze Orchard color palette (#F8F1E3, #C1B475, #799FCE, #817220, #402642)
• Washed Archive color palette (#FFF2E9, #E09F78, #6C9FC7, #996445, #30564B)
• Mint Parlor color palette (#F6F7E3, #92BF77, #AF87BF, #5C7E47, #60444B)
• Weathered Amber Atelier color palette (#FFF1F6, #E5BB95, #B3A7E5, #B47F4D, #444A6E)
• Weathered Harbor color palette (#FFF4E0, #AF9643, #7288BC, #7E6592, #45423B)
• Bronze Meadow color palette (#FDF4E6, #BEBB8B, #A07938, #83501B, #504900)
• Chestnut Veranda color palette (#FFF4E0, #B8EAD2, #9CC6C5, #A98B76, #675000)
• Tempered Fern color palette (#F6F6E9, #DDB98D, #626215, #393932, #20271F)

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