Tempered Pier color palette — #E5F7EE · #94A876 · #27772B · #59395A · #00221B

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

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#94A876): A luminous, dusty green — the color of new leaves after rain.
• Olive (#27772B): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#59395A): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#00221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Muted Field color palette (#DDF9ED, #8CB66D, #00813D, #77371A, #142605)
• Weathered Lagoon color palette (#E5F6F1, #99BE9D, #398569, #5E4C6D, #132C2A)
• Washed Atelier color palette (#FEF4E4, #8DA563, #2F7251, #5E414B, #36362F)
• Worn Moss Thicket color palette (#D4EDD6, #A8961D, #566300, #672332, #1A1600)
• Aged Forest color palette (#D8EEE7, #6A9C69, #006544, #552D0F, #001614)
• Worn Olive color palette (#D1EBE1, #598746, #00522C, #421638, #000A08)
• Apricot Courtyard color palette (#FFEEE1, #D79252, #905400, #4F2700, #1A0A00)
• Worn Workshop color palette (#ECF4ED, #A6CEE5, #0085BF, #005B5D, #06213E)

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