Tempered Pier color palette — #F6F2E7 · #A39E6C · #297C9C · #743151 · #2D2800
Mulberry and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F2E7): a clean, paper-quiet neutral.
- Moss (#A39E6C): A luminous, dusty green — the color of new leaves after rain.
- Slate (#297C9C): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#743151): A full-bodied, balanced rose — the color of strawberry cream.
- Espresso (#2D2800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Aubergine Parlor color palette (#F7F0EA, #BF9268, #16827E, #61396E, #3E1D09)
- Aged Cocoa color palette (#EFF4E8, #73AB8C, #6C6AA1, #743A15, #1A2E09)
- Garnet Bloom color palette (#ECF5ED, #61A9B3, #915E83, #6D355F, #2C2800)
- Ancient Petrol color palette (#F0F8ED, #43AC9D, #1A79A7, #534A81, #42433C)
- Iris Thicket color palette (#ECF8F5, #9ABF7C, #698AD2, #915747, #56374C)
- Antique Lagoon Summit color palette (#E9F0E4, #47937C, #2E4133, #192112, #0C0D08)
- Hushed Chestnut Meadow color palette (#F3F2EB, #C1C7A8, #77896A, #6F6212, #30322B)
- Washed Villa color palette (#F8F2DD, #BDC4AF, #849F8B, #835C52, #623A00)
Browse the whole catalog at Explore, or see today's palette.