Pale Pier color palette — #F9F5E7 · #A2B04E · #408CD3 · #7A3E77 · #251405

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E7): a clean, paper-quiet neutral.
• Sage (#A2B04E): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#408CD3): A luminous, balanced blue — the color of open sky before noon.
• Raspberry (#7A3E77): A full-bodied, balanced pink — the color of neon signs at night.
• Ink (#251405): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Dusty Mint color palette (#F5F6EA, #8DCF7E, #3094C8, #804176, #3E2400)
• Timeworn Mint color palette (#F5F7E9, #7BC577, #7372C5, #8A3F54, #221806)
• Marigold Garden color palette (#FEF3E6, #D9A343, #008BA4, #5A4995, #291813)
• Byzantium Coast color palette (#EFF8ED, #00B4A9, #963A9D, #7D3200, #0F0F00)
• Washed Teal Basin color palette (#FEF4E3, #B3DA97, #32A88B, #6F5491, #31322C)
• Lagoon Thicket color palette (#E1F7F6, #329261, #007077, #4C3069, #1D0912)
• Airy Byzantium Grove color palette (#EEFAE3, #00B893, #9412EF, #9D0022, #191200)
• Ancient Grape color palette (#EEFAE6, #009F88, #8A009C, #770402, #020300)

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