Tempered Pier color palette — #DCF5ED · #6CCC8C · #1F689D · #163853 · #041B15

Mint Leaf and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DCF5ED): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#6CCC8C): A luminous, balanced teal — the color of glacier melt.
• Peacock (#1F689D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#163853): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#041B15): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged luxury, dark, 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

• Aged Lime Boulevard color palette (#E5F3E3, #A4C16D, #00736E, #003E3C, #0D1A0C)
• Patina Denim color palette (#E4F0FD, #E1C589, #5C8BBF, #28588B, #091726)
• Taupe Lagoon color palette (#F7E9F9, #B69756, #184472, #06223F, #1D111E)
• Denim Field color palette (#FDF1FD, #F4C698, #3463A5, #002556, #080108)
• Quiet Navy color palette (#F0DEEE, #00AC7A, #053A9E, #05183E, #060106)
• Wandering Blush color palette (#FAE9F5, #F891A3, #505DA0, #2B3355, #1D121A)
• Tempered Hollow color palette (#FBF2F7, #E4D5D4, #CEB9B4, #8076B3, #42373D)
• Orchid Lagoon color palette (#FDF1F9, #A2ADFF, #9F5FC7, #6169B7, #241218)

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