Tempered Pier color palette — #EBF1E8 · #C3D0C8 · #AF97AF · #006356 · #283123

Built around Pine, softened by Dusty Rose — the whole palette hums with sophistication.

The five colors

• Cream (#EBF1E8): bright and airy, almost weightless.
• Oat (#C3D0C8): soft and architectural.
• Dusty Rose (#AF97AF): A luminous, dusty pink — the color of neon signs at night.
• Pine (#006356): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#283123): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Softworn Denim color palette (#EBF9F3, #E1CBDB, #B39CC4, #00628A, #223830)
• Muted Forest Quarry color palette (#EEF0E7, #C6CFC4, #84AB96, #1F652D, #2D3020)
• Dusty Cabin color palette (#E0EBEE, #BCCFD7, #93A7B4, #00625E, #04191E)
• Abyss Balcony color palette (#E7EFE8, #A9BFB7, #A58299, #004F54, #132417)
• Timeworn Cypress Corridor color palette (#E9F1E8, #CBDDCF, #A3BFB2, #00837D, #273126)
• Cerulean Alley color palette (#EFF7F5, #DFD4D0, #A4A294, #6186A8, #4C5552)
• Antique Sapphire color palette (#FAF2F9, #EBD4D1, #DFADAE, #4663BC, #493A47)
• Forest Coast color palette (#F2E2D0, #929043, #21651B, #00474C, #2C2B00)

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