Amber Pier color palette — #FFF3E2 · #DD7751 · #66702E · #3D4C74 · #413C36

A conversation between Coral Clay and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Coral Clay (#DD7751): A luminous, balanced orange — the color of toasted spice.
• Olive (#66702E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#3D4C74): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Patina Amber Thicket color palette (#FFF3E8, #C78A00, #3B7951, #50466E, #3F3D36)
• Timeworn Peony color palette (#FBF6DB, #CF75AA, #935A25, #14556E, #4E3730)
• Muted Market color palette (#FFF2EB, #CD6742, #006F86, #424173, #4C2C40)
• Dusty Bronze color palette (#E3F8E8, #BE9453, #7A6B1B, #0A5340, #102917)
• Driftwood Lantern color palette (#FFF2EE, #C3AC92, #828C46, #785C65, #604642)
• Pale Aubergine color palette (#FFF2EB, #A08C00, #00715D, #652274, #2B3C0A)
• Softworn Marigold Bloom color palette (#FFF3E5, #FFCECB, #E2A54F, #67A37A, #3D3A34)
• Cypress Meadow color palette (#FBF4E8, #A0B88F, #3C8369, #6C5157, #474500)

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