Tempered Pier color palette — #FBF2F8 · #8B95C1 · #966337 · #005C7A · #56364E

A conversation between Walnut and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Blue Fog (#8B95C1): A luminous, dusty violet — the color of a velvet chair.
• Walnut (#966337): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#005C7A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#56364E): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Tempered Denim Study color palette (#FFF2EE, #BD878E, #96614E, #005E70, #5E343A)
• Patina Archive color palette (#FDF1F9, #8A95C6, #7F702B, #006255, #004650)
• Aged Fern Thicket color palette (#EAF9F5, #7A9CBD, #915D7F, #2E621F, #274561)
• Bronze Parlor color palette (#F4F0F9, #C387A6, #94681B, #125942, #15283E)
• Hushed Canyon color palette (#FAF3F0, #CDE5E1, #6EA0C2, #3D7D62, #63485E)
• Softworn Cypress color palette (#FFF0F8, #CCB6BF, #A88783, #537B68, #614756)
• Washed Aubergine color palette (#FFF2F1, #B66E96, #00755A, #5B2F7E, #432B57)
• Softworn Mallow Drift color palette (#F6F3FF, #F2ABEE, #8FB688, #58938D, #1F4952)

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