Tempered Pier color palette — #FFEBF7 · #8BB76E · #463A97 · #1D1747 · #13010D

Indigo takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFEBF7): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#8BB76E): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#463A97): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#1D1747): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#13010D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Soft Studio color palette (#FFEBFC, #CBA132, #294692, #071953, #10030E)
• Powdered Veranda color palette (#FFECF0, #62BF7B, #6B2F73, #35083B, #140206)
• Ancient Orchard color palette (#FCEAF4, #46A36B, #362974, #120537, #050003)
• Aubergine Bloom color palette (#FFF1F7, #C39B40, #562794, #300B5B, #2A111D)
• Patina Lapis Archive color palette (#F2F5FF, #A4C87F, #6653C1, #392B74, #14192E)
• Indigo Basin color palette (#F3F4FF, #FAD37F, #7655B0, #361E5A, #050519)
• Softworn Pewter Boulevard color palette (#FBEFED, #C7C69F, #7E5361, #432926, #1B1110)
• Aged Grape color palette (#FFEBF6, #A598F7, #955C00, #5F2AD0, #110700)

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