Amber Pier color palette — #F7E7D8 · #CA7600 · #065E12 · #583100 · #010100

Mustard and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F7E7D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CA7600): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#065E12): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

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

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

• Softworn Meadow color palette (#F1E9D9, #A98B00, #005A50, #483A00, #000201)
• Rose Grove color palette (#F7E6DF, #F04B41, #435600, #750206, #010100)
• Amber Villa color palette (#F5E3D2, #A98D00, #4B5B00, #002908, #000201)
• Forest Lagoon color palette (#FBE6D0, #937100, #005214, #2A0043, #010100)
• Wandering Bronze Field color palette (#ECE3D5, #826200, #263E00, #362700, #010100)
• Chestnut Basin color palette (#F2EDE5, #D3D0BF, #A4AA87, #604A00, #040200)
• Faded Quarry color palette (#D8E5DA, #C09128, #6F7C00, #856000, #020200)
• Clover Grove color palette (#F5F7E3, #71B758, #006890, #215D00, #000103)

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