Tempered Pier color palette — #D8F4E3 · #00A86B · #00643F · #002D18 · #000201
Kelly Green and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D8F4E3): A whisper-light, dusty teal — the color of sea glass.
- Kelly Green (#00A86B): A luminous, balanced teal — the color of sea glass.
- Pine (#00643F): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002D18): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged monochrome, 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
- Aged Lagoon color palette (#D1E2E1, #00A29E, #006563, #002B29, #000202)
- Quiet Moss color palette (#DCE5D1, #739900, #476300, #1F2A00, #010200)
- Dusty Jade Veranda color palette (#D4E8DA, #00B675, #008A5E, #00502F, #000602)
- Muted Forest color palette (#CFE5D6, #5CD0AD, #15AFA5, #036516, #002316)
- Pale Mint Station color palette (#A9FFE0, #00CEA1, #008F6E, #005441, #002118)
- Weathered Nightshade color palette (#D3EEEF, #006E72, #4A38B2, #343900, #000606)
- Cornflower Study color palette (#FAE8FF, #3F82FF, #008E97, #001618, #000300)
- Misty Turquoise Station color palette (#AFF3FF, #00BBD6, #008293, #004D58, #00181D)
Browse the whole catalog at Explore, or see today's palette.