Tempered Pier color palette — #FDE7F8 · #009D76 · #006480 · #711F14 · #063740
Built around Fern, softened by Oxblood — the whole palette hums with trust and stability.
The five colors
- Blush (#FDE7F8): A whisper-light, dusty pink — the color of a candy shop window.
- Fern (#009D76): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006480): A full-bodied, balanced blue — the color of open sky before noon.
- Oxblood (#711F14): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Teal (#063740): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged retro, 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
- Misty Denim Dune color palette (#FFE7EF, #00999C, #1459A7, #5C3600, #093548)
- Antique Garnet color palette (#FFE7F3, #7E9030, #006A5A, #691C50, #0F3833)
- Tempered Archive color palette (#FCE8F5, #007768, #004261, #440F00, #001A1D)
- Ultramarine Lagoon color palette (#FFDFB3, #008D9F, #2804EC, #4D3200, #002D41)
- Worn Aubergine Thicket color palette (#E1F7F8, #008D64, #6332A5, #582E00, #2F2400)
- Hushed Lagoon color palette (#EBEDC6, #009E97, #006775, #332E6C, #071D0A)
- Dusty Teal color palette (#CEF9F0, #00BAB1, #008798, #4E4E86, #093641)
- Aged Olive Studio color palette (#ECFAEB, #A69C65, #516E00, #225647, #1C3D2C)
Browse the whole catalog at Explore, or see today's palette.