Tempered Pier color palette — #DCFFEB · #81F0B2 · #00C887 · #008D5E · #002F1C
Built around Clover, softened by Lagoon — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCFFEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Lagoon (#81F0B2): A whisper-light, balanced teal — the color of glacier melt.
- Clover (#00C887): A luminous, vivid teal — the color of sea glass.
- Fern (#008D5E): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002F1C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, 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
- Emerald Boulevard color palette (#DDFFE7, #5EDCA3, #00A35F, #006238, #002E19)
- Seafoam Atelier color palette (#D4FFFD, #38F2E8, #00C1BD, #008A85, #00302F)
- Mint Parlor color palette (#D1FFE0, #4DCA84, #008654, #004827, #001308)
- Tempered Lime Courtyard color palette (#E7FFC7, #B4E36C, #91BC23, #608800, #1D2900)
- Chalky Chartreuse color palette (#E4FAFD, #C4DB79, #00A58A, #006C59, #001F23)
- Pale Mint color palette (#E2FBFF, #00CEBA, #90AEFF, #907E00, #00332E)
- Gentle Coast color palette (#D4FFFE, #7CEEE6, #B3DEF5, #76BA6D, #164C4D)
- Softworn Teal Basin color palette (#CBECEA, #00C5C2, #009A97, #006564, #000B0B)
Browse the whole catalog at Explore, or see today's palette.