Gentle Amber Pier color palette — #FFF1F6 · #FFC79B · #7CC1FF · #C37324 · #203B53

Mustard and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#FFC79B): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sky (#7CC1FF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#C37324): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#203B53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

Use it as a design system

One click turns Gentle 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

• Hazy Atelier color palette (#ECF9F0, #EDD379, #A6B6FF, #A48700, #2E355A)
• Powdered Ember Coast color palette (#FDF1FA, #FFC4B5, #0BD6DF, #D16249, #093F4D)
• Ancient Taupe color palette (#FFF1F5, #C8EDD6, #9FCCE5, #C89288, #374A37)
• Quiet Mint Studio color palette (#FFF3E6, #FFBD75, #6BD6A8, #C6935D, #1F4C39)
• Tempered Cerulean color palette (#FBF0E2, #C39C63, #2B9AC1, #875B00, #002C3B)
• Worn Grove color palette (#FFF1F6, #F3D9AD, #C4926B, #805E78, #23372D)
• Wandering Ultramarine color palette (#FFD9E6, #C0791E, #223BE1, #573200, #00000C)
• Dusty Amber color palette (#E3FEE2, #C1E1BF, #D38C07, #7B4E00, #2C1900)

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