Tempered Pier color palette — #FFF1F6 · #C07F46 · #6C7CB3 · #515D86 · #48383E
Built around Caramel, softened by Slate — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Caramel (#C07F46): A luminous, balanced gold — the color of honey in a jar.
- Slate (#6C7CB3): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#515D86): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#48383E): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Creativity, 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
- Washed Coral Veranda color palette (#FFF0FF, #CB7277, #448B99, #386679, #443944)
- Moss Studio color palette (#E6FBF3, #8A9942, #8574AB, #645682, #30413B)
- Muted Taupe Villa color palette (#EAF6E9, #B48D5A, #6586A6, #41617F, #1A2619)
- Ancient Station color palette (#EBF9F1, #AD9827, #377B8D, #664669, #443D5C)
- Taupe Corridor color palette (#FBF5E7, #B7AC6D, #69A6B7, #3E8598, #403D36)
- Patina Driftwood color palette (#F0F7F2, #D1DDDF, #A9AAB9, #6F8978, #4D554F)
- Weathered Ridge color palette (#E2FEE7, #966F00, #6A4CC3, #4C3590, #392800)
- Patina Iris Station color palette (#FCF4EB, #E4BA8A, #71C5D9, #8F93D1, #413C36)
Browse the whole catalog at Explore, or see today's palette.