Tempered Pier color palette — #FFF1F1 · #77B375 · #742456 · #490032 · #2B1212

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Jade (#77B375): A luminous, balanced green — the color of a quiet forest floor.
• Mulberry (#742456): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Indigo (#490032): A deep, shadowed, balanced rose — the color of strawberry cream.
• Ink (#2B1212): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

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 Aubergine Chapel color palette (#FFF1F5, #39BA95, #5F2B7E, #3A0254, #2D0F1A)
• Timeworn Garnet color palette (#FFF2ED, #98AC51, #8A051A, #4F0009, #2D1207)
• Dusty Garnet Loft color palette (#EADAD7, #6F9B57, #5E1435, #300016, #110500)
• Gentle Mulberry color palette (#F9EDFD, #CCA13C, #8D0345, #42001D, #0F0214)
• Pale Corridor color palette (#FFF2EF, #E3B343, #B52961, #5F2237, #2D110D)
• Gentle Workshop color palette (#F8F2FF, #99E77D, #CA63AB, #7F446C, #1F152C)
• Timeworn Amber Field color palette (#F2E1D1, #AB9100, #573000, #2A1400, #0C0800)
• Wandering Chestnut color palette (#F9F4EE, #D0BE9D, #735930, #3C3832, #262618)

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