Pale Pier color palette — #FBE3FD · #008ADF · #B90317 · #4B4600 · #001C1B

Built around Ruby, softened by Azure — the whole palette hums with nature and growth.

The five colors

• Blush (#FBE3FD): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#008ADF): A luminous, vivid blue — the color of deep harbor water.
• Ruby (#B90317): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#4B4600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001C1B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Aged Brick color palette (#DFFCEF, #008CB7, #B20037, #574200, #001D14)
• Faded Cornflower color palette (#FEE6FA, #5176FF, #A84600, #3E5000, #00191D)
• Powdered Plum Dune color palette (#FBDEF1, #7479FF, #C00058, #574600, #002B24)
• Sunlit Plum color palette (#DEF8E1, #008C8F, #A8008B, #6E3600, #001D03)
• Iris Lantern color palette (#FFF1F6, #9672CC, #886800, #006238, #00261F)
• Wandering Bronze color palette (#FBF2FA, #8BA4D8, #B47154, #646B23, #253629)
• Linen Byzantium Lantern color palette (#F9E2B2, #738EFF, #933FC2, #654700, #271C57)
• Azure Lagoon color palette (#DEF0FF, #0BB0F0, #AC8300, #8A6900, #0F1900)

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