Tempered Pier color palette — #F2F5FE · #D0D0FF · #FEB050 · #8580DC · #311E24

Cantaloupe takes the lead with Lavender Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F2F5FE): a clean, paper-quiet neutral.
• Lilac Frost (#D0D0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Cantaloupe (#FEB050): A luminous, balanced gold — the color of afternoon light on wheat.
• Lavender Blue (#8580DC): A luminous, balanced violet — the color of a velvet chair.
• Onyx (#311E24): A deep, shadowed, dusty rose — the color of a warm blush.

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

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

• Worn Orchard color palette (#F4F4FD, #E7C6FF, #EC9758, #B98CD7, #2D1F26)
• Aged Pier color palette (#EFF6FE, #B8D8FF, #F98A78, #6BA5E8, #2D1E2A)
• Patina Garden color palette (#F4F4FE, #F9D1E7, #DA8279, #A274BB, #190E17)
• Wandering Amber color palette (#F0F5FF, #A5BBFF, #CB9446, #2986B6, #1F3958)
• Ancient Orchid Corridor color palette (#FCF2F5, #D9B3F0, #D3697D, #9D64BC, #301F1C)
• Orchid Basin color palette (#F0F0FF, #DAACFF, #C19300, #BB4EFF, #191000)
• Patina Veranda color palette (#F7F3FF, #DE95CD, #D9804A, #00978F, #2D2639)
• Tempered Corridor color palette (#F5F4FB, #E5D8DD, #C5B1A9, #C899C8, #484650)

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