Tempered Pier color palette — #F0F8ED · #1ABEAA · #5D7EC6 · #8B3E6A · #4F3001

Turquoise and Raspberry set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Turquoise (#1ABEAA): A luminous, balanced teal — the color of glacier melt.
• Azure (#5D7EC6): A luminous, balanced violet — the color of a velvet chair.
• Raspberry (#8B3E6A): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#4F3001): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Clover Dune color palette (#F6F6EB, #82B65F, #0F8CB9, #7B4879, #512F04)
• Iris Harbor color palette (#EDF8F1, #62C0D6, #957EC1, #8E5854, #44423B)
• Misty Aqua color palette (#E4FAFF, #43D3CC, #5391B9, #585193, #143402)
• Rust Alley color palette (#E5FAF7, #97CF94, #859FD8, #B56157, #473501)
• Worn Azure Bloom color palette (#B9F7FB, #5BCDE4, #00A7D2, #2777A5, #5C415F)
• Hushed Cocoa color palette (#DEF3D7, #B5CFBE, #7BA3CA, #936861, #7A3F1B)
• Byzantium Villa color palette (#D6F0DA, #009FAA, #8A00E8, #7E2600, #0F2C00)
• Byzantium Corridor color palette (#E4FCF2, #00A7EC, #B133C5, #8B3900, #1F3800)

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