Tempered Pier color palette — #D2E5D8 · #607528 · #004418 · #002829 · #0C1200

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

The five colors

• Celadon Mist (#D2E5D8): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#607528): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004418): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002829): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0C1200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Olive Grove color palette (#F3F1DB, #3D790B, #00430E, #002517, #010400)
• Dusty Olive Veranda color palette (#E3F3E9, #67862B, #005328, #381D5A, #00211A)
• Antique Bronze Canyon color palette (#DDEFDB, #7B6B00, #2D3E00, #151A50, #130F00)
• Dusty Cypress Chapel color palette (#D3F9F2, #007E5F, #004140, #092A00, #00140C)
• Muted Fern color palette (#DDE8DD, #938F43, #386200, #373960, #013221)
• Aged Study color palette (#E9E3CE, #81A55A, #2A8440, #006457, #091300)
• Lagoon Delta color palette (#EDDFE9, #4E9E9F, #005364, #00321E, #001625)
• Airy Olive color palette (#FFF1F5, #BAA243, #5F7300, #3E4E7E, #1C442E)

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