Amber Pier color palette — #F1F5FF · #949EE7 · #B89400 · #4A996D · #2F384C

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Cornflower (#949EE7): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#B89400): A luminous, balanced green — the color of new leaves after rain.
• Fern (#4A996D): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2F384C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Ancient Archive color palette (#EDF6FF, #68ABE4, #DD7C06, #77923C, #263A4D)
• Hushed Moss Ridge color palette (#F5F4FF, #C18DD6, #78AA3A, #009D81, #37344C)
• Worn Mallow color palette (#FFF1F7, #C1ACFC, #DD9867, #43A58F, #3B222E)
• Frosted Wisteria color palette (#EADFF9, #BA7CFF, #008265, #687600, #2C1842)
• Hushed Boulevard color palette (#EAFAEB, #CABF8A, #AE884E, #8D5B3F, #2A433B)
• Azure Coast color palette (#F2F4FF, #E0D7E0, #F5C0AD, #6F94C4, #474860)
• Linen Workshop color palette (#EFE6FF, #FF71DF, #008E97, #009547, #43243B)
• Misty Courtyard color palette (#F1DCF7, #E76088, #009F8A, #008699, #37223D)

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