Tempered Pier color palette — #EFF6FF · #558BFF · #957C00 · #645300 · #010929
Built around Periwinkle, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Periwinkle (#558BFF): A luminous, vivid violet — the color of twilight just after sunset.
- Ochre (#957C00): A full-bodied, balanced green — the color of fresh herbs.
- Coffee (#645300): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#010929): A deep, shadowed, dusty violet — the color of wild irises.
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
- Iris Meadow color palette (#F2F5FF, #8598FF, #637A00, #4B5D00, #06052C)
- Periwinkle Delta color palette (#EFF6FF, #62A2FF, #9F5C00, #7B4600, #000B25)
- Violet Garden color palette (#F2F5FF, #8875FF, #696700, #434100, #000805)
- Hazy Rust Cabin color palette (#E3FAFF, #00A3BC, #C55B00, #863C00, #000F14)
- Wisteria Canyon color palette (#F4F4FF, #C168FF, #357A0F, #2D5A19, #07031D)
- Aged Wisteria Field color palette (#F5F4FF, #C977E3, #4B9E63, #22713D, #151127)
- Softworn Chestnut color palette (#CBE3EB, #007A7E, #775400, #374100, #000E0F)
- Powdered Peony Boulevard color palette (#FBD8F6, #749FFF, #E062AD, #008D81, #0E1C41)
Browse the whole catalog at Explore, or see today's palette.