Tempered Pier color palette — #FEF1F6 · #D7A47B · #7899D0 · #9D632F · #3A4E6A

Ochre takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1F6): a clean, paper-quiet neutral.
• Camel (#D7A47B): A luminous, balanced gold — the color of honey in a jar.
• Blue Fog (#7899D0): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#9D632F): A full-bodied, balanced gold — the color of old brass.
• Peacock (#3A4E6A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Weathered Terrace color palette (#EAF9F3, #AFB584, #9C8FC6, #727833, #464B69)
• Muted Canyon color palette (#FDF1FC, #D99E9C, #59A8A3, #9D5E5D, #25555F)
• Patina Bronze color palette (#F8F0E8, #D1AB85, #66AD8F, #9F6108, #2F322C)
• Dusty Amber Canyon color palette (#EAFBE8, #BD8D52, #578FBE, #6F69A1, #364835)
• Antique Driftwood color palette (#FFF1F6, #A5C0AA, #9C7283, #6F5367, #3B4C44)
• Tempered Loft color palette (#EEF9EE, #DEBF93, #6CC5A9, #B4812F, #255849)
• Timeworn Summit color palette (#E2FEE8, #C99B25, #525FD9, #755700, #2B336F)
• Apricot Atelier color palette (#FFF3E6, #FACB9A, #92CEFF, #D19C64, #2F564B)

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