Tempered Pier color palette — #D8FEFF · #00AC79 · #00444E · #001A1B · #000201
Built around Jade, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#D8FEFF): A whisper-light, dusty teal — the color of sea glass.
- Jade (#00AC79): A luminous, balanced teal — the color of shallow lagoons.
- Deep Teal (#00444E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001A1B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Cerulean Market color palette (#E9F8FF, #00A4BB, #283C5B, #001822, #000202)
- Moss Summit color palette (#DAFFF0, #8F9C00, #044830, #021A12, #000200)
- Lagoon Station color palette (#BFF0F5, #008A71, #382F30, #002A35, #000506)
- Jade Pier color palette (#DFEDD0, #00BD8D, #596F4F, #324B05, #101306)
- Cerulean Station color palette (#DAF3FF, #008AB6, #21225B, #27242A, #000911)
- Weathered Sky Ridge color palette (#EDF7FF, #49B9FE, #4E5469, #242C33, #0B1012)
- Chalky Market color palette (#D4FFFE, #00C7C5, #FD690A, #D06028, #002827)
- Hushed Teal Thicket color palette (#E3FDEE, #AFEC9E, #00AA8A, #736C3F, #003731)
Browse the whole catalog at Explore, or see today's palette.