Amber Pier color palette — #FFF1F2 · #F7B68F · #B77F00 · #4A5B00 · #002F1A

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Cantaloupe (#F7B68F): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#B77F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4A5B00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002F1A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Airy Amber Parlor color palette (#FFF0FB, #FFB6B6, #D57543, #6E5600, #1A2300)
• Misty Moss Drift color palette (#FFF2EC, #F2CA83, #8D9400, #006931, #002622)
• Tempered Studio color palette (#F9EAE4, #B38000, #485200, #002B10, #000201)
• Pale Amber color palette (#F3E3DA, #F8B35F, #BA9600, #757900, #243B00)
• Frosted Olive color palette (#FFF2EE, #FCD49F, #A9AC4E, #347400, #003E35)
• Sunlit Amber Courtyard color palette (#EEDDD3, #D68B19, #7C6100, #3F4200, #0E1D00)
• Nightshade Dune color palette (#FFF1F6, #F39C8F, #898119, #523A9E, #361800)
• Dusty Olive Basin color palette (#FCEDD6, #748100, #00511C, #001714, #000102)

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