Pale Pier color palette — #DBF2DC · #C1BC2B · #297FEC · #211F3E · #0F151D

Azure takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DBF2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Gold (#C1BC2B): A luminous, balanced green — the color of fresh herbs.
• Azure (#297FEC): A luminous, vivid blue — the color of open sky before noon.
• Deep Indigo (#211F3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0F151D): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, 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

• Pale Coast color palette (#D7ECE5, #C1BC2B, #8962EC, #2A1A39, #10121C)
• Misty Grove color palette (#DAF2EC, #A9C200, #3EA8FF, #2A2C46, #151D25)
• Iris Chapel color palette (#D1F8F2, #00C468, #8B7BFF, #2C1136, #0F121C)
• Mint Canyon color palette (#FCE7D0, #00D5B7, #5B91E6, #50344F, #1C0C1C)
• Hushed Tangerine Pier color palette (#E7EFD4, #FD7929, #00A3C4, #172339, #05131A)
• Lilac Bloom color palette (#D9E8DF, #FF8346, #9F88FF, #242A46, #0F121C)
• Muted Lantern color palette (#D0F6E9, #77F770, #A88CEC, #42344E, #262730)
• Violet Market color palette (#D3E6CE, #F16009, #7F56F2, #200415, #090205)

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