Tempered Pier color palette — #DDFDF6 · #80DD83 · #009654 · #695700 · #022606
Chartreuse and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DDFDF6): A whisper-light, dusty teal — the color of glacier melt.
- Chartreuse (#80DD83): A luminous, balanced green — the color of a quiet forest floor.
- Kelly Green (#009654): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#695700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#022606): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Muted Garden color palette (#E8FAF2, #AEC676, #598530, #525522, #001E17)
- Muted Emerald Courtyard color palette (#EAF9F4, #BFDAAE, #549E54, #5C6A3D, #0E2E29)
- Dusty Field color palette (#DEFFE5, #3CF785, #009B53, #005227, #000C03)
- Lime Canyon color palette (#ECFFAF, #9ACD00, #599900, #1A6803, #00350E)
- Chalky Clover Grove color palette (#D4FFFC, #00D569, #24A0FB, #00813D, #00203A)
- Mustard Atelier color palette (#E9FBEC, #E0C23A, #898200, #8D3D0B, #251E00)
- Dusty Pier color palette (#DFFFE2, #00B948, #009AB2, #936A00, #001804)
- Mint Lagoon color palette (#CFF5E9, #6BDB8F, #00AF97, #B1605E, #003819)
Browse the whole catalog at Explore, or see today's palette.