Tempered Pier color palette — #E9FDDB · #A4F9DC · #79CEB6 · #639B89 · #2B3B1D
Built around Mint, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#E9FDDB): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#A4F9DC): A whisper-light, balanced teal — the color of sea glass.
- Mint Leaf (#79CEB6): A luminous, balanced teal — the color of shallow lagoons.
- Eucalyptus (#639B89): A luminous, dusty teal — the color of glacier melt.
- Forest (#2B3B1D): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, light, muted, 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
- Softworn Seafoam color palette (#E8FDDA, #9CEACE, #69B197, #3D7863, #383C35)
- Weathered Boulevard color palette (#DCFFEC, #B5EBFF, #76C4DF, #5D93A7, #224232)
- Dusty Celadon color palette (#FAF7D5, #D2EDA8, #B0C787, #808F60, #383730)
- Ancient Lagoon color palette (#E8F7E0, #C1D7B2, #509980, #005842, #112607)
- Aqua Corridor color palette (#ECF9F0, #4BD7EF, #B9ACE7, #9D9C72, #324137)
- Faded Seafoam Basin color palette (#D4FFFE, #00EFEB, #00BEBB, #008784, #002A2A)
- Lagoon Lagoon color palette (#CCF4EE, #00A095, #00726A, #003F39, #000202)
- Tempered Cocoa color palette (#FBF4E8, #EAD7AE, #C7B391, #A18F76, #584500)
Browse the whole catalog at Explore, or see today's palette.