Tempered Amber Pier color palette — #FEF1F5 · #C3A0DF · #B38142 · #1E7774 · #294A3D

Caramel and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Mauve (#C3A0DF): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#B38142): A luminous, balanced gold — the color of honey in a jar.
• Teal (#1E7774): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#294A3D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Amber 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

• Tempered Amber color palette (#FBF2FA, #92B0F1, #C27366, #407755, #38482C)
• Mallow Lagoon color palette (#F8F2FF, #F3B6DC, #B6935F, #387866, #273857)
• Antique Canyon color palette (#FEF2F2, #DB99C4, #939137, #2B7195, #543750)
• Softworn Mallow Dune color palette (#F6F3FE, #E9B2E3, #8EB68A, #589583, #114D3F)
• Taupe Archive color palette (#FFF1F6, #F0D0CD, #C2A18B, #778F7D, #3E5850)
• Antique Drift color palette (#FFF1F1, #FDB5C8, #D97B7C, #9D6043, #57514B)
• Sky Thicket color palette (#FBF3F0, #C2E1E8, #78BCD9, #54957F, #30524A)
• Weathered Delta color palette (#FFF2ED, #E48686, #339564, #59529A, #4D2B40)

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