Pale Pier color palette — #F6F9D7 · #5DC13B · #5F95EA · #B36365 · #1C1D04

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

The five colors

• Custard (#F6F9D7): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#5DC13B): A luminous, vivid green — the color of fresh herbs.
• Cornflower (#5F95EA): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#B36365): A full-bodied, balanced red — the color of a theater curtain.
• Ink (#1C1D04): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Worn Mustard Terrace color palette (#F9F9CA, #B2AB00, #00A4D3, #AE608B, #231A00)
• Jade Station color palette (#E9FDD7, #00C29A, #9785E3, #B36839, #141F07)
• Quiet Study color palette (#EFFADE, #28DB97, #9DA1F0, #BC826C, #272E1A)
• Chartreuse Basin color palette (#E7E8BF, #9BD977, #DA809F, #A876CE, #2E2D03)
• Airy Cabin color palette (#ECFAE6, #00B7A2, #AE70AB, #924538, #0B1A05)
• Pale Boulevard color palette (#D6FFF8, #00B2A1, #A858F9, #A55F00, #001714)
• Gentle Fuchsia color palette (#E5F9FF, #00C2E4, #E763CD, #9D8400, #00262F)
• Raspberry Corridor color palette (#E9F8FF, #00A0CE, #C64F95, #736E00, #000F17)

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