Tempered Pier color palette — #E3F1DD · #007162 · #414B52 · #002837 · #030D00

Teal and Midnight set the tone — five colors that lean into sophistication.

The five colors

• Honeydew (#E3F1DD): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007162): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#414B52): a grounded near-black with real depth.
• Midnight (#002837): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Deep Abyss color palette (#DBF2F4, #005E64, #3C3D49, #001932, #000401)
• Ancient Harbor color palette (#E3E3D1, #426F00, #424F51, #002B24, #0B0A00)
• Lagoon Meadow color palette (#DAECD4, #008D7F, #004C4E, #00231F, #010200)
• Jade Market color palette (#E9E5CD, #3EAA6E, #006F6B, #424A18, #171E00)
• Misty Orchard color palette (#DAEFF6, #00829C, #A44C00, #6B4B00, #00151B)
• Turquoise Thicket color palette (#E8F6EE, #00ACD6, #655160, #2E3C34, #1F231F)
• Antique Bloom color palette (#C1E8DD, #008CDF, #473D66, #0A2D25, #08150C)
• Gentle Cobalt Dune color palette (#F6E7E0, #4BC3D9, #007CB8, #005C40, #111B42)

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