Tempered Pier color palette — #E0E5C2 · #349300 · #005E35 · #00271D · #000303

Kelly Green takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#E0E5C2): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#349300): A full-bodied, vivid green — the color of a quiet forest floor.
• Pine (#005E35): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#00271D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Wandering Olive Alley color palette (#DFE6D5, #298500, #004B2A, #002B20, #001419)
• Wandering Lagoon Station color palette (#D6EBDA, #009C7C, #005850, #002B31, #000304)
• Timeworn Olive color palette (#F3E6CC, #8A8300, #445400, #002806, #000702)
• Soft Byzantium Lantern color palette (#D5E7E8, #009470, #A800A8, #004735, #030003)
• Misty Clover color palette (#DFFFA3, #00D24D, #009471, #00665A, #002529)
• Frosted Orchard color palette (#D9F1E2, #007B4D, #940088, #7F002E, #000201)
• Antique Periwinkle color palette (#C7F9DD, #19DEE4, #3AAEFE, #485C00, #000403)
• Chalky Magenta Meadow color palette (#F2E0C6, #F621D3, #009D7A, #050C0D, #000102)

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