Tempered Pier color palette — #F9F6E4 · #BFDAA8 · #5C9C51 · #706416 · #2A290D

Olive Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#BFDAA8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5C9C51): A luminous, balanced green — the color of new leaves after rain.
• Olive (#706416): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A290D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Olive Canyon color palette (#FFF4DB, #C6CB67, #728A00, #31671D, #202000)
• Powdered Orchard color palette (#F7F7E0, #AFEBAD, #00AE5F, #217C64, #2E2F28)
• Timeworn Olive color palette (#F5F7E8, #C3E9CA, #6AAF8D, #777C34, #343E00)
• Timeworn Study color palette (#F4F1D8, #5B8935, #074909, #002213, #010100)
• Oat Station color palette (#FAF5E7, #B4D88E, #6CB286, #86837C, #36362F)
• Dusty Archive color palette (#DEE4CF, #2BA579, #005B4A, #003518, #000201)
• Hushed Pine Field color palette (#E7F6EF, #90AA77, #3E7247, #49491A, #00221C)
• Ancient Lagoon color palette (#F4F8E4, #89CDA1, #008C65, #005E55, #151B02)

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