Tempered Pier color palette — #DDEFEF · #00A268 · #165C70 · #004F30 · #001015
Built around Kelly Green, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Frost (#DDEFEF): a clean, paper-quiet neutral.
- Kelly Green (#00A268): A luminous, balanced teal — the color of sea glass.
- Peacock (#165C70): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#004F30): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#001015): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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
- Dusty Teal Cabin color palette (#E9F9FA, #01B393, #00697E, #005E4C, #021B27)
- Moss Cabin color palette (#DFEFEB, #629B0B, #005D49, #2C4B00, #001112)
- Weathered Lagoon Pier color palette (#DCF4EF, #009E99, #006267, #003C45, #002632)
- Soft Navy Workshop color palette (#DFEEF5, #0099AD, #0049A4, #004A55, #030D1D)
- Pale Pine Alley color palette (#E9EDDD, #67BA7B, #007DA4, #007835, #00120A)
- Wandering Forest Coast color palette (#D6F3F1, #006C3F, #00425D, #3B2600, #001711)
- Tempered Delta color palette (#DBECF4, #007682, #00345E, #002D32, #000206)
- Antique Forest color palette (#E7F1F2, #B7D2D7, #8BA6AE, #006452, #213133)
Browse the whole catalog at Explore, or see today's palette.