Tempered Pier color palette — #FFF3E4 · #FFD3B2 · #9FA779 · #6E6C9C · #563800
A conversation between Cocoa and Slate, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Peach Cream (#FFD3B2): A whisper-light, dusty gold — the color of old brass.
- Sage (#9FA779): A luminous, dusty green — the color of fresh herbs.
- Slate (#6E6C9C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Cocoa (#563800): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Cocoa Field color palette (#FCF4E5, #FFCED5, #BF9A73, #4F7D6F, #662C08)
- Weathered Cabin color palette (#FEF3EA, #F2C09F, #65A99B, #74618C, #452D4E)
- Softworn Fern Studio color palette (#F8F5EB, #C1E0D7, #A4B593, #9C7E76, #464B00)
- Aged Olive Dune color palette (#EBFAEB, #D39A6B, #737E3A, #535480, #3B4D3E)
- Weathered Lagoon color palette (#EBF9F0, #E0CFA1, #AEB478, #459D92, #344F40)
- Driftwood Workshop color palette (#FFF3E8, #DDE2CA, #B7C9B7, #A2878F, #614A4E)
- Lagoon Veranda color palette (#FFF3E8, #C0BB64, #1C946A, #6B3B72, #262200)
- Tempered Lagoon color palette (#FAF4EE, #C5DFF0, #E2BFDC, #599EA9, #5E4453)
Browse the whole catalog at Explore, or see today's palette.