Tempered Pier color palette — #FDECF9 · #526ED1 · #90254A · #433B00 · #003333
A conversation between Sapphire and Raspberry, giving this palette its sense of nature and growth.
The five colors
- Blush (#FDECF9): A whisper-light, dusty pink — the color of a candy shop window.
- Sapphire (#526ED1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Raspberry (#90254A): A full-bodied, balanced red — the color of embers at dusk.
- Deep Olive (#433B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Deep Forest (#003333): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Quiet Basin color palette (#FDEBFF, #1C79CC, #7B366B, #572F00, #053514)
- Pale Cobalt Boulevard color palette (#F7E8F5, #5478C8, #863C22, #3C3400, #001A04)
- Airy Violet Archive color palette (#FFF0F8, #8B72E4, #934A49, #484D05, #1E4128)
- Byzantium Quarry color palette (#FFECF0, #A248C0, #853B01, #0C4704, #003045)
- Azure Hollow color palette (#E7F4FF, #3D9EDA, #AB4F67, #355C00, #003519)
- Byzantium Boulevard color palette (#E6E7FF, #AE83F0, #914EB1, #682E69, #552833)
- Gentle Lapis color palette (#ECDEE6, #4C21DD, #6B001E, #202100, #001519)
- Lilac Villa color palette (#FFF0FA, #6FC6FF, #94A0FF, #925EA2, #452335)
Browse the whole catalog at Explore, or see today's palette.