Amber Pier color palette — #EDF1FF · #AFA3FF · #CE7D18 · #46803C · #003428

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

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Lavender (#AFA3FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#CE7D18): A luminous, balanced gold — the color of honey in a jar.
• Olive (#46803C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003428): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Fuchsia Ridge color palette (#F2F0FF, #E08AF5, #B48C32, #0E826E, #00342A)
• Frosted Periwinkle color palette (#E9F3FF, #7BB4FF, #D27371, #72751F, #2C2E00)
• Periwinkle Corridor color palette (#FFF0FE, #6BA7FE, #A66431, #00583E, #002216)
• Timeworn Orchid Loft color palette (#E4E8FF, #A368FF, #9F6300, #006138, #00160F)
• Timeworn Mallow Ridge color palette (#F8F2FF, #FFA7D7, #A5B07B, #579390, #264757)
• Mallow Studio color palette (#DBE1EE, #DFB3E2, #B19BB6, #5B8F92, #1E4A4C)
• Worn Sky Harbor color palette (#FCF2F8, #BEE7FF, #77B8F0, #3C9D95, #2A3B56)
• Blush Orchard color palette (#ECDAF0, #FF648E, #6B9400, #0066A5, #002040)

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