Tempered Pier color palette — #D6E7DC · #709E91 · #356B4A · #333778 · #2E133B

Navy takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#D6E7DC): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#709E91): A luminous, dusty teal — the color of glacier melt.
• Pine (#356B4A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#333778): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2E133B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Hushed Orchard color palette (#F3DDE5, #71957F, #3E7065, #003E5E, #181547)
• Dusty Pier color palette (#D4ECD5, #5E9986, #3D6B7B, #582C62, #2A1833)
• Softworn Navy color palette (#D2EBE2, #5F8A5B, #1F5E53, #342558, #260020)
• Lagoon Station color palette (#D4E9DE, #8CB0AA, #4A8474, #4A4B73, #2D2744)
• Washed Cypress Quarry color palette (#F7E5DC, #A39765, #257557, #603C5E, #4E2634)
• Aged Pewter Coast color palette (#DCF9F8, #B5CFD6, #8195A0, #695C7E, #453845)
• Aged Lagoon Quarry color palette (#F4EED6, #9BAF7B, #578E6D, #75546E, #51313C)
• Deep Cypress color palette (#D6F4E8, #006B6D, #003A53, #2D0017, #0F0000)

Browse the whole catalog at Explore, or see today's palette.