Tempered Pier color palette — #E6F7ED · #A6BD8A · #49845D · #50526C · #122D27
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A6BD8A): A luminous, dusty green — the color of new leaves after rain.
- Fern (#49845D): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#50526C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#122D27): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Airy Lagoon color palette (#E7F7E8, #ACAD5B, #497A2B, #4C456F, #222200)
- Antique Lagoon Balcony color palette (#E7F5F2, #9BCECF, #548F89, #645E6F, #243535)
- Timeworn Pine color palette (#FCF4E9, #B9B086, #4F815A, #744E51, #4E4200)
- Ancient Celadon color palette (#F7F7E4, #C6F5BE, #79AC85, #677D6C, #393C00)
- Basalt Parlor color palette (#F8F5EA, #B3CEA6, #699E78, #7F6980, #464500)
- Hushed Fuchsia Loft color palette (#F3EFFF, #D581CB, #1EA57D, #844E7E, #003021)
- Cerulean Villa color palette (#F7EFF4, #ABE8F4, #4797C0, #2A6B5C, #1C2D41)
- Moss Lantern color palette (#D6F1DE, #839746, #23642F, #333557, #001710)
Browse the whole catalog at Explore, or see today's palette.