Tempered Pier color palette — #EFF6FF · #86B1FD · #B7A463 · #819360 · #394351

Cornflower and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#86B1FD): A luminous, balanced violet — the color of a velvet chair.
• Camel (#B7A463): A luminous, balanced green — the color of fresh herbs.
• Moss (#819360): A luminous, dusty green — the color of new leaves after rain.
• Charcoal (#394351): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Weathered Lilac color palette (#F3F4FF, #BB96ED, #86A775, #6A835E, #3B3C49)
• Dusty Aqua color palette (#E9F8FF, #2FC5E1, #D39377, #A58557, #33464E)
• Taupe Chapel color palette (#FFF0F9, #C4C7F8, #EBAA80, #A9A74C, #47303F)
• Antique Ash color palette (#EEF6FF, #DFD9E3, #C3ACA1, #81A7B3, #484D5A)
• Soft Field color palette (#E6EAFF, #9CA8FF, #3CA767, #6D8800, #282C51)
• Ancient Studio color palette (#FFF0FC, #7E96D3, #A6789C, #3C8388, #4F3B4B)
• Wandering Oat Parlor color palette (#FFF0F9, #B6D5B4, #B290A4, #816C84, #3C4C43)
• Mallow Garden color palette (#F0F5FF, #B5C4FC, #EAA4D4, #60BFCC, #384256)

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