Tempered Pier color palette — #FFF3E5 · #BEDFFF · #7795F6 · #008091 · #403766

A conversation between Lavender Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Powder Blue (#BEDFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#7795F6): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#403766): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Worn Azure Hollow color palette (#FFF2EB, #9EE8FC, #05A6EE, #008474, #243F6B)
• Ancient Indigo Boulevard color palette (#FEF3E8, #ADD3F6, #6B77CB, #00666A, #4C2F6B)
• Misty Powder Corridor color palette (#FDF2F5, #D9DDFB, #A4AFFF, #00A4AC, #4E2D6C)
• Hushed Cerulean color palette (#FAEBE4, #87D4D7, #0095B7, #0C6F4D, #05314D)
• Worn Powder color palette (#FCF3EF, #BFE5ED, #81BAD4, #7B8D69, #38504A)
• Faded Meadow color palette (#EDDCCB, #58A9E7, #345DC8, #004951, #14053A)
• Gentle Station color palette (#FFE3E5, #FF5675, #00A59C, #008CA3, #4C2126)
• Denim Dune color palette (#F2DDD1, #509FB4, #005E8B, #003C34, #000622)

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