Tempered Pier color palette — #D7E6DA · #009068 · #00666F · #660059 · #000503

Built around Mulberry, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Parchment (#D7E6DA): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009068): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00666F): A full-bodied, dusty blue — the color of open sky before noon.
• Mulberry (#660059): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro.

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

• Dusty Ultramarine color palette (#CDEEF1, #00866B, #104CB7, #650040, #030100)
• Powdered Thicket color palette (#F2E4C9, #508D00, #006A55, #4D117F, #000501)
• Wandering Bloom color palette (#F5D7DC, #007926, #004456, #410019, #000503)
• Lagoon Archive color palette (#CEF9ED, #22959D, #3E6C8A, #663C4D, #2F0001)
• Cypress Canyon color palette (#D1F7FF, #006B63, #00272D, #080F13, #000203)
• Ancient Balcony color palette (#D3F0EB, #4E9A74, #007262, #2A5420, #000803)
• Pale Cobalt color palette (#EFE1C4, #00ABBE, #0079CD, #942834, #001923)
• Patina Veranda color palette (#D9E3DA, #6FABBB, #007FAB, #005D5B, #000A17)

Browse the whole catalog at Explore, or see today's palette.