Tempered Pier color palette — #F1ECFA · #C768B2 · #A26000 · #006135 · #001324
Built around Hot Pink, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Blush (#F1ECFA): a clean, paper-quiet neutral.
- Hot Pink (#C768B2): A luminous, balanced pink — the color of peonies in June.
- Ochre (#A26000): A full-bodied, balanced gold — the color of old brass.
- Pine (#006135): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#001324): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Orchid Terrace color palette (#EDEEFF, #A76FE5, #C04311, #325E00, #00141E)
- Quiet Rose Alley color palette (#EFDFF2, #E8537A, #8A6F00, #005F4F, #000D34)
- Hushed Cypress Alley color palette (#FBDCF2, #CA8992, #AE7B64, #2C7352, #002D2B)
- Rust Dune color palette (#EBDAE7, #BA4836, #525D00, #003F44, #02000C)
- Chalky Blush color palette (#F7DEFB, #FF7391, #A08900, #00786F, #170071)
- Washed Violet Courtyard color palette (#FFECF6, #7B54F5, #5C4C00, #002A30, #000203)
- Tempered Mulberry color palette (#E0E4F9, #7F5BC7, #9D0024, #003C3A, #180036)
- Frosted Lagoon color palette (#D4E6D7, #B1AA5C, #728A23, #715295, #1E1B00)
Browse the whole catalog at Explore, or see today's palette.