Tempered Pier color palette — #CCECE8 · #34A34E · #D14C34 · #8B5400 · #001203
Built around Terracotta, softened by Kelly Green — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CCECE8): A whisper-light, dusty teal — the color of sea glass.
- Kelly Green (#34A34E): A luminous, balanced green — the color of fresh herbs.
- Terracotta (#D14C34): A full-bodied, vivid orange — the color of autumn markets.
- Ochre (#8B5400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#001203): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, 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
- Rust Basin color palette (#CDE6E5, #009360, #B74900, #734B00, #000603)
- Chalky Bronze color palette (#D4EDF2, #00A096, #AD7000, #6B6500, #00110F)
- Terracotta Balcony color palette (#E3F4DD, #008578, #A63100, #3B3B00, #000201)
- Tempered Plum Field color palette (#D7E9DC, #A98600, #B94FA7, #B50053, #130C00)
- Plum Balcony color palette (#C5EAF7, #007E84, #AE0D5D, #563E00, #001112)
- Timeworn Chestnut Boulevard color palette (#D1EEF9, #007C84, #785E00, #3F4D00, #000203)
- Fuchsia Harbor color palette (#E6E0FF, #E663F1, #F26500, #A06F00, #330937)
- Pine Courtyard color palette (#CBE2F2, #00AAE6, #899C00, #008B3F, #001E2C)
Browse the whole catalog at Explore, or see today's palette.