Tempered Pier color palette — #E7FBEC · #BEE8EA · #DFC6DE · #839B7D · #43584E

Eucalyptus and Oat set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Silver (#BEE8EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Oat (#DFC6DE): A whisper-light, dusty pink — the color of neon signs at night.
• Eucalyptus (#839B7D): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#43584E): A full-bodied, dusty teal — the color of glacier melt.

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 Harbor color palette (#E9F6E9, #E8D5FF, #C5E1E3, #6E9B71, #283D34)
• Tempered Oat color palette (#FCF1FC, #E8D6D8, #E9B8AE, #669382, #5F4D5B)
• Ancient Ash Atelier color palette (#E7F9FF, #D7DBE6, #C1B1C0, #98A2C3, #3E505A)
• Powder Veranda color palette (#E9F8FF, #D6D8F8, #B6B4FF, #00848D, #1A4A3C)
• Ancient Cerulean color palette (#E5FBF5, #6994C0, #A17264, #686036, #2C423D)
• Bronze Market color palette (#FFF3E8, #C9B49C, #A87340, #874C26, #5E4200)
• Lilac Garden color palette (#D0FEED, #B0C5F8, #AA91D8, #00697C, #192F4F)
• Denim Dune color palette (#EDF8F4, #D2BE93, #386382, #223F37, #172729)

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