Tempered Pier color palette — #EBECD5 · #57A300 · #006445 · #002120 · #000102

Built around Kelly Green, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Parchment (#EBECD5): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#57A300): A luminous, vivid green — the color of a quiet forest floor.
• Pine (#006445): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#002120): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged 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 Moss color palette (#EFE5D7, #988A00, #355700, #002517, #000201)
• Lagoon Thicket color palette (#D8EED2, #00A17B, #005859, #001E2A, #000105)
• Softworn Olive Canyon color palette (#EFF3D1, #2E8000, #004431, #002121, #000A0F)
• Olive Drift color palette (#FCE9F3, #508800, #004E4B, #370024, #000200)
• Garnet Field color palette (#E5E5C8, #78A687, #00747D, #63192D, #130600)
• Pale Emerald color palette (#C9FEFA, #C1BA00, #00AB58, #007D90, #000201)
• Eclipse Drift color palette (#DAEFE8, #557300, #003A79, #310003, #050000)
• Pale Hollow color palette (#EFFFA3, #63D971, #009B86, #005057, #001E2D)

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