Amber Pier color palette — #F4D9CC · #FFAE65 · #C69100 · #877F00 · #374A02

A conversation between Mustard and Cantaloupe, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D9CC): A whisper-light, dusty orange — the color of toasted spice.
• Cantaloupe (#FFAE65): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#C69100): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#877F00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#374A02): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Soft Moss Delta color palette (#FFE5CD, #DFB54C, #A39A00, #687C00, #284926)
• Weathered Tangerine Cabin color palette (#FBD2D6, #FFA28E, #F87B1E, #A96D00, #4B3800)
• Misty Balcony color palette (#FCECD4, #CECE71, #CA9C17, #AF6E34, #2B3B18)
• Dusty Amber color palette (#FEE5D2, #D28500, #8C6800, #564700, #282600)
• Weathered Amber Coast color palette (#FBEDD4, #B59500, #7C8400, #2C6700, #00230C)
• Softworn Lime Boulevard color palette (#FCE6C2, #CBCF7A, #97BA41, #56945D, #255441)
• Honey Villa color palette (#FFF4DE, #E8C200, #8CB7FF, #B39500, #18386F)
• Airy Seafoam Harbor color palette (#FFF4E1, #E8FEAF, #81F8CF, #E39767, #4B4942)

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