Tempered Pier color palette — #F5F7E8 · #BAE1B7 · #E4B3E8 · #7BBB77 · #5F4161

Built around Jade, softened by Carnation — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Celadon Mist (#BAE1B7): A whisper-light, dusty green — the color of a quiet forest floor.
• Carnation (#E4B3E8): A whisper-light, balanced pink — the color of a candy shop window.
• Jade (#7BBB77): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#5F4161): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, 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

• Patina Market color palette (#F4F7E7, #A7D1A6, #CBA0D1, #54A154, #654149)
• Weathered Workshop color palette (#FCF4E6, #E2D5A2, #BBC1FF, #C3A62E, #614256)
• Teal Veranda color palette (#F0F8EF, #9BE5E0, #F6B0C0, #3CBEB9, #6A4139)
• Coral Drift color palette (#F3F8E3, #A5D5AE, #A8BBF5, #ED9283, #42433C)
• Hushed Mint color palette (#E4F6F4, #8BC587, #BA87BD, #537E51, #332C46)
• Washed Corridor color palette (#E3F5DF, #5AD6CA, #F58C9E, #00A79D, #56212C)
• Muted Fern color palette (#F4F7EB, #CDE6D9, #9AC5D0, #ADBE8F, #445A19)
• Antique Cabin color palette (#EDFCDA, #4FFBBE, #FF8ACA, #009B70, #670F47)

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