Tempered Pier color palette — #FDF6D2 · #F5BA18 · #93B900 · #009B62 · #010400

Lime and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FDF6D2): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#F5BA18): A whisper-light, vivid gold — the color of afternoon light on wheat.
• Lime (#93B900): A luminous, vivid green — the color of a quiet forest floor.
• Kelly Green (#009B62): A luminous, balanced teal — the color of sea glass.
• Ink (#010400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Ancient Emerald color palette (#FEF5DD, #FFC27C, #BEB100, #129A23, #040500)
• Clover Field color palette (#F3F9DC, #BDC300, #00B747, #007970, #000200)
• Patina Lime color palette (#E3E2D3, #FFAF61, #ACC000, #00AFAE, #011801)
• Ancient Orchard color palette (#FFF3E5, #FFBFAC, #E79300, #888A00, #060400)
• Clover Balcony color palette (#DCE5D7, #3AC412, #00A084, #00687C, #000201)
• Wandering Fern color palette (#FFF3E2, #ADA45D, #586800, #4F3700, #090800)
• Sunlit Coast color palette (#DEEEE9, #A59B00, #759200, #007122, #0C1A00)
• Powdered Amber Veranda color palette (#D8E9E4, #DD8600, #778400, #006057, #010600)

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