Tempered Pier color palette — #E8F3FF · #70A0D3 · #9B5D66 · #3C5524 · #002E2F
A conversation between Cornflower and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Cornflower (#70A0D3): A luminous, balanced blue — the color of deep harbor water.
- Walnut (#9B5D66): A full-bodied, balanced red — the color of a theater curtain.
- Deep Olive (#3C5524): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#002E2F): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Antique Ash color palette (#F0F1FB, #A291C8, #8A6C40, #4C501B, #002F2C)
- Wandering Pine color palette (#EBF9F4, #81B9DF, #BC757C, #3D7847, #324A2E)
- Tempered Pewter color palette (#F5F4FC, #AA8BB3, #9E5862, #764712, #3B3F63)
- Weathered Lilac color palette (#F1F0FD, #AB75BF, #855B0D, #004B4B, #00222F)
- Dusty Mallow Alley color palette (#FEF1F7, #CFC1FD, #BB88A5, #915A4E, #173C56)
- Patina Cypress color palette (#E7F4FF, #BBC5E0, #9F96AF, #486C67, #2B4950)
- Indigo Terrace color palette (#ECF2FF, #6D6CF8, #9E3000, #004528, #001E15)
- Muted Driftwood color palette (#E9F5EC, #ACCCC0, #6C8D6C, #5C6074, #22362F)
Browse the whole catalog at Explore, or see today's palette.