Pale Pier color palette — #D7E7E0 · #878A00 · #2422E1 · #474900 · #000010

Cobalt and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D7E7E0): a clean, paper-quiet neutral.
• Olive Leaf (#878A00): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#2422E1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#474900): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, 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

• Navy Corridor color palette (#DCEEED, #2C9B57, #004EA8, #005427, #000108)
• Worn Bronze Boulevard color palette (#D4E3D9, #988200, #00568F, #514500, #000205)
• Chalky Aubergine Garden color palette (#D8EEEB, #3F8747, #5212A2, #004511, #02000B)
• Muted Sapphire Canyon color palette (#E4F7F1, #97BA3B, #0A6FF2, #5A7400, #000F30)
• Washed Orchard color palette (#CDE7D6, #7A6400, #004583, #3B1E00, #0B0700)
• Indigo Station color palette (#DCF0F2, #2CBE9F, #7057D6, #00745F, #060926)
• Softworn Grape color palette (#D4E8EE, #00A7AA, #8333AB, #005F61, #07000E)
• Frosted Ultramarine Harbor color palette (#E3F4F6, #A3AC00, #009E75, #004DE7, #001013)

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