Tempered Pier color palette — #E9F9F5 · #74AB73 · #3B704E · #2C534C · #1F3B38
Built around Jade, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F9F5): a clean, paper-quiet neutral.
- Jade (#74AB73): A luminous, balanced green — the color of fresh herbs.
- Pine (#3B704E): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#2C534C): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#1F3B38): 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
- Teal Parlor color palette (#E3FBF9, #81BFA4, #438071, #396261, #2B4849)
- Lagoon Orchard color palette (#D0EBEA, #459F7F, #006354, #104551, #003032)
- Aged Moss Lagoon color palette (#CDF6E4, #80A000, #3B6900, #1C4F2B, #283306)
- Tempered Fern color palette (#F8F6E6, #9AC098, #518F72, #6E6517, #35362F)
- Teal Study color palette (#E9FAF1, #B2D5B0, #43B6A0, #898752, #133D39)
- Weathered Atelier color palette (#DAF3FF, #009FB7, #935BBC, #006171, #402A52)
- Washed Turquoise Garden color palette (#DCF7FF, #00B5D7, #00728A, #003A48, #00232C)
- Hushed Powder color palette (#EAF7FF, #A5E0FF, #8BBAEF, #2D7C85, #2B4453)
Browse the whole catalog at Explore, or see today's palette.