Tempered Pier color palette — #E6E6D8 · #437600 · #0038C3 · #61001F · #060600
A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E6E6D8): a clean, paper-quiet neutral.
- Olive (#437600): A full-bodied, balanced green — the color of a quiet forest floor.
- Cobalt (#0038C3): A full-bodied, vivid violet — the color of a velvet chair.
- Mulberry (#61001F): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Energy, Balance. Tagged jewel, vibrant.
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
- Nightshade Canyon color palette (#E9F3DE, #007355, #3E00D0, #640302, #060800)
- Nightshade Pier color palette (#DFFDF6, #297900, #34329C, #420020, #020100)
- Navy Villa color palette (#EFE1CD, #7B5B00, #00488D, #64002E, #0A0500)
- Ancient Harbor color palette (#E3F1E1, #007A74, #7400AE, #4C2400, #000806)
- Muted Emerald Bloom color palette (#FEDFCD, #009A45, #00646F, #6B002D, #001C14)
- Worn Emerald color palette (#D4EFEA, #31A200, #1685C6, #94001B, #010900)
- Softworn Byzantium color palette (#E6F4D8, #00906B, #8A00E5, #752800, #001F15)
- Ancient Cypress color palette (#E6F4E0, #007062, #434D55, #002932, #000C09)
Browse the whole catalog at Explore, or see today's palette.