Gentle Pier color palette — #FFF0FC · #B1C6FF · #E8A007 · #4E6EF0 · #402900

Sapphire and Gold set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#B1C6FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#E8A007): A luminous, balanced gold — the color of afternoon light on wheat.
• Sapphire (#4E6EF0): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#402900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Balance. Tagged cool.

Use it as a design system

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

• Gentle Lime Courtyard color palette (#FFF0FC, #AFC6FF, #ABBC07, #5374DA, #2D3200)
• Gentle Pier color palette (#D9FFF2, #8ED0FF, #F09B09, #0084C4, #432700)
• Softworn Ultramarine color palette (#FFF0FC, #9BB5FF, #A08D00, #3750B4, #1D1800)
• Lime Study color palette (#FFF1F5, #E6C5FF, #ABC86C, #A074BF, #393932)
• Coral Loft color palette (#E1FDEC, #50DBFD, #FF866F, #008DA7, #54160C)
• Airy Drift color palette (#F0F6FF, #ABC4FF, #FF8EAD, #6690FF, #681534)
• Dusty Lime color palette (#FFF1F6, #D3B8FF, #56CF44, #915AD5, #083902)
• Ultramarine Workshop color palette (#EFF6FF, #6A90E9, #A77300, #1435F2, #4F3500)

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