Tempered Pier color palette — #D1FCFB · #7BC9B2 · #009D8E · #006C71 · #163A48

Fern and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D1FCFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#7BC9B2): A luminous, balanced teal — the color of sea glass.
• Fern (#009D8E): A luminous, balanced teal — the color of glacier melt.
• Teal (#006C71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#163A48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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

• Tempered Atelier color palette (#F5FACF, #78CDA6, #2A9C97, #2D707D, #345447)
• Timeworn Coral color palette (#E6F5F9, #6FC4C1, #D48188, #008380, #3C2A3D)
• Dusty Cerulean Terrace color palette (#E1F6FF, #76CBE3, #2099CA, #2E6189, #243449)
• Dusty Emerald Veranda color palette (#D5FBEA, #A8BD82, #5F9441, #346943, #194343)
• Timeworn Teal color palette (#D2E7E2, #00AAAA, #007A84, #004B5C, #002435)
• Dusty Ash Terrace color palette (#E2F6FC, #CFD8E7, #BAA4AF, #679AA0, #283B44)
• Wandering Lagoon color palette (#E0F6FD, #4EADB1, #A879B5, #8F7345, #172B31)
• Feathered Petrol Ridge color palette (#D5E9ED, #007BA0, #004C76, #00284E, #01002D)

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