Tempered Pier color palette — #FFF3E6 · #DCCF91 · #94B254 · #7585C2 · #453A00

Sage and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#DCCF91): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#94B254): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#7585C2): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#453A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Worn Villa color palette (#F8F5E9, #D5D8B9, #7ABCA1, #9F84AC, #444600)
• Soft Balcony color palette (#FBF4E6, #C4D7A2, #61BC76, #2E9A9B, #33410F)
• Soft Lime Bloom color palette (#F9E8D5, #CBC37D, #80B620, #705DBC, #342F00)
• Chalky Dune color palette (#FCF5DE, #D1E390, #77A236, #057C71, #2B3303)
• Chalky Emerald color palette (#F0E9D8, #96B17E, #00975A, #715392, #112000)
• Washed Periwinkle color palette (#FFF1F5, #F2D3D5, #E5C1A2, #8D9FFF, #5D3D5A)
• Faded Lime color palette (#FFF1F6, #D1B5FF, #43E46E, #A564F3, #004818)
• Mustard Canyon color palette (#E6F8E5, #B7AA3E, #55781D, #3D4B6D, #002818)

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