Tempered Pier color palette — #EBF9F1 · #B3E9EB · #93A769 · #9A6762 · #243F35

Built around Moss, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF9F1): bright and airy, almost weightless.
• Sea Foam (#B3E9EB): A whisper-light, dusty teal — the color of glacier melt.
• Moss (#93A769): A luminous, balanced green — the color of a quiet forest floor.
• Mocha (#9A6762): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#243F35): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Worn Ash Pier color palette (#EDF8F5, #C6DAF0, #81BBB9, #9E7A89, #2F4D4A)
• Teal Orchard color palette (#EAF9F7, #BFE2F1, #65AF94, #4A7F92, #144040)
• Driftwood Meadow color palette (#EBF9F1, #CFD5A5, #7E9353, #85582A, #003023)
• Worn Mint Boulevard color palette (#EDF9EF, #D4DAA9, #8DBB80, #888EB0, #2F493F)
• Chestnut Boulevard color palette (#FAF5E6, #AEB487, #697B45, #85462A, #4E4200)
• Wandering Olive Alley color palette (#F9F1E4, #B3B97B, #5A814F, #674C58, #2C2715)
• Sunlit Loft color palette (#FFF0F9, #FFC5B1, #9BCB85, #D5633B, #234212)
• Worn Lagoon color palette (#CCE6E3, #4B8A66, #004734, #291600, #000201)

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