Tempered Pier color palette — #F4F6DC · #C8D2B2 · #6AAB97 · #5F8475 · #5C4E5D
Jade and Fern set the tone — five colors that lean into sophistication.
The five colors
- Cream (#F4F6DC): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#C8D2B2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#6AAB97): A luminous, dusty teal — the color of sea glass.
- Fern (#5F8475): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#5C4E5D): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: 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
- Muted Ash Loft color palette (#EDF9DF, #B5CBB1, #72ACB2, #8D7186, #614755)
- Wandering Taupe Grove color palette (#FFF4DF, #CDC2A1, #A7A177, #697F64, #405645)
- Cocoa Garden color palette (#FFF4E0, #ABC29B, #78886D, #7C5C5F, #773A1E)
- Worn Powder Corridor color palette (#CBEBD4, #93C6DF, #67978A, #776185, #59373C)
- Aged Turquoise Drift color palette (#F5F6EF, #BBE9E2, #37B5D5, #1D8B8D, #334F42)
- Worn Boulevard color palette (#DCEDE1, #6DBEA4, #00958D, #3D628F, #293567)
- Ancient Cerulean Quarry color palette (#D3E5D4, #5EB9D0, #348FB9, #795364, #462B51)
- Antique Emerald Meadow color palette (#E7E8BF, #8DC87F, #3DA553, #287E4D, #494B44)
Browse the whole catalog at Explore, or see today's palette.