Tempered Pier color palette — #ECF8F9 · #4FAB93 · #865D9A · #6B4E00 · #304936

Built around Slate, softened by Turquoise — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#ECF8F9): bright and airy, almost weightless.
• Turquoise (#4FAB93): A luminous, balanced teal — the color of glacier melt.
• Slate (#865D9A): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6B4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#304936): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, 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

• Dusty Plum color palette (#EBF7FE, #3FA7C0, #A0556F, #63521E, #254B3F)
• Weathered Pewter color palette (#E9F9F9, #54AB8A, #7F609F, #77442F, #573745)
• Aqua Courtyard color palette (#E9F8FF, #59C2D9, #748CBF, #775D83, #1C4A4D)
• Worn Garden color palette (#EFF8F0, #A0CCBA, #698C61, #4F6B71, #3E524A)
• Grape Quarry color palette (#E4FAFF, #00908C, #8A00A8, #523C00, #2E3500)
• Muted Powder color palette (#E0FBFF, #A3C4D5, #8D99B2, #617563, #39554F)
• Worn Turquoise color palette (#E9F5EE, #38ABCE, #5B6FA5, #594166, #212C0B)
• Patina Atelier color palette (#ECF9EE, #7ED8DF, #A8A1D9, #B37274, #45423B)

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