Tempered Pier color palette — #E8F5F4 · #84CA97 · #5F828D · #485857 · #1D2321

Mint Leaf takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8F5F4): a clean, paper-quiet neutral.
• Mint Leaf (#84CA97): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#5F828D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#485857): quiet, heavy and certain.
• Onyx (#1D2321): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Aged Mint color palette (#E9F9F8, #63C68C, #42595D, #202E2E, #0A1110)
• Washed Summit color palette (#D3E8F4, #00BDE3, #61708A, #3C4C55, #0F1A1C)
• Lagoon Coast color palette (#CFEFF5, #00A195, #175B79, #16353B, #000605)
• Washed Stone Cabin color palette (#F0F7F2, #B8EADD, #8EC3A9, #87A28F, #3D524D)
• Wandering Apricot Bloom color palette (#E2FBFC, #8BDABC, #FBA48B, #BFA473, #314748)
• Petrol Summit color palette (#D9EFFF, #00759B, #282A61, #191B22, #00080F)
• Wandering Shell Ridge color palette (#EBF8FB, #9AE5DF, #FFADB5, #56BBB5, #59455B)
• Patina Powder Grove color palette (#FAF3F5, #DCDEEB, #B5C3FF, #62B1B3, #4F5066)

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