Tempered Pier color palette — #ECF0E6 · #C7D7D3 · #9BC3C6 · #24AB78 · #2C2F26

Built around Jade, softened by Ash — the whole palette hums with sophistication.

The five colors

• Cream (#ECF0E6): bright and airy, almost weightless.
• Silver (#C7D7D3): a clean, paper-quiet neutral.
• Ash (#9BC3C6): A luminous, dusty blue — the color of deep harbor water.
• Jade (#24AB78): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#2C2F26): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Moss Study color palette (#F0EEE8, #CAD7CC, #9BC8B8, #94984A, #322E20)
• Lagoon Chapel color palette (#DCE2DA, #ABC7C5, #CAACC8, #009486, #192216)
• Tempered Bronze Cabin color palette (#EAE8D2, #75C9BB, #739DC5, #977238, #39352F)
• Turquoise Quarry color palette (#ECF9F1, #F7D8E2, #D1C9F8, #00AAC8, #26382D)
• Tempered Quarry color palette (#F3E1D4, #D3B770, #809F10, #2F857A, #372502)
• Periwinkle Study color palette (#EEF8F5, #E9D5CB, #A8A592, #67AAEA, #31443F)
• Forest Orchard color palette (#E0ECEC, #BDCFD5, #8FA8B7, #006549, #041A1B)
• Patina Grove color palette (#E3F0E3, #00A09F, #24587C, #223522, #030500)

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