Tempered Pier color palette — #EBF4F2 · #AECEA5 · #47937B · #587D4D · #06191B

A conversation between Fern and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Pistachio (#AECEA5): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#47937B): A luminous, balanced teal — the color of shallow lagoons.
• Olive (#587D4D): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#06191B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Cypress Hollow color palette (#EAF4F6, #87D4CB, #458EA4, #15837A, #0A181F)
• Worn Teal Chapel color palette (#DFF9F1, #7EBBA0, #48857F, #3D5373, #193133)
• Worn Olive color palette (#F7F5EE, #BDC693, #2B88AF, #697500, #20322B)
• Emerald Atelier color palette (#F5F6EF, #BBDCB2, #5DAC9B, #649E54, #293025)
• Soft Jade Hollow color palette (#E3F6F6, #14C584, #007B79, #006D46, #000B0F)
• Lagoon Coast color palette (#D7E9EB, #07A588, #00606F, #005343, #000305)
• Washed Petrol Delta color palette (#D4E5ED, #007489, #003862, #003039, #000104)
• Smoked Forest Bloom color palette (#D2EDEC, #006A3B, #113343, #002612, #000102)

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