Tempered Pier color palette — #EFF9E3 · #ACE7E7 · #C7CCD7 · #7D8B46 · #4B5443

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

The five colors

• Cream (#EFF9E3): A whisper-light, dusty green — the color of fresh herbs.
• Sea Foam (#ACE7E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Oat (#C7CCD7): soft and architectural.
• Olive Leaf (#7D8B46): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4B5443): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Fern Quarry color palette (#F4F7E5, #CBE8D2, #99D6DF, #91916D, #495811)
• Ancient Loft color palette (#E4FCF0, #B2EBF0, #B3D0F8, #478593, #3C584D)
• Antique Station color palette (#FFF3E4, #CAB68B, #A2773A, #805215, #5C4300)
• Worn Glacier color palette (#E7FDE0, #87FEFE, #5DC3DA, #0F8769, #094B47)
• Hushed Dune color palette (#F2F7ED, #BFC785, #536543, #323D27, #1E2722)
• Cerulean Thicket color palette (#EDF9EF, #00A3B2, #7B78AB, #6B6010, #344137)
• Aged Teal color palette (#E9F4E0, #00B0A3, #00747B, #004024, #001511)
• Aged Bloom color palette (#EFF8F2, #7BCFE3, #5D7EB0, #1C798C, #332B33)

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