Amber Pier color palette — #FBF2F7 · #AFA9E1 · #B0824E · #007782 · #2A4A3A

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Mauve (#AFA9E1): A luminous, dusty violet — the color of twilight just after sunset.
• Caramel (#B0824E): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007782): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#2A4A3A): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Hushed Grove color palette (#FFF1F2, #D89AC7, #9F8C34, #10758A, #53384E)
• Aged Studio color palette (#EAF9F5, #81B6EA, #C2717B, #567349, #41433C)
• Washed Mallow Atelier color palette (#F5F3FF, #E7B9EB, #BE8D76, #5C743F, #00404A)
• Weathered Mallow color palette (#F5F4FD, #E6B3E7, #8EB68A, #6F916C, #024D4C)
• Taupe Bloom color palette (#FFF1F6, #F3CBCB, #CBA28F, #728371, #454F45)
• Ancient Peony color palette (#F7F3FD, #C878B4, #9E5B54, #3E5C3F, #3A415B)
• Patina Blush Pier color palette (#FFF1F3, #F7B6DB, #E07B90, #A66362, #554E4A)
• Tempered Harbor color palette (#F9F4EF, #C7DEEE, #9BAFEA, #4893A1, #644957)

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