Tempered Pier color palette — #F7ECDD · #706B00 · #214000 · #1F1440 · #030300

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

The five colors

• Cream (#F7ECDD): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#706B00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#214000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#1F1440): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication, 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

• Nocturne Fern color palette (#F5EDD9, #3E6500, #00331C, #1F052D, #010200)
• Worn Delta color palette (#F3E8DB, #807D00, #284F00, #3E1B35, #090800)
• Garnet Cabin color palette (#FFE4E3, #8D001F, #004848, #112B43, #040000)
• Frosted Meadow color palette (#F4E2C8, #9D9A00, #376A00, #3F336B, #181700)
• Worn Veranda color palette (#E4E2CC, #4BA26B, #006356, #4F294A, #101400)
• Aged Balcony color palette (#F8E9E2, #009E9E, #005262, #002E19, #00050B)
• Ancient Stone Thicket color palette (#FAF1E0, #ADBB7C, #568256, #694C4C, #2C2812)
• Weathered Mulberry Parlor color palette (#FDD9DC, #AA003C, #005360, #540019, #000305)

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