Soft Pier color palette — #FAF5E5 · #A8AB4D · #6E77CA · #894934 · #552A1C

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

The five colors

• Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A8AB4D): A luminous, balanced green — the color of fresh herbs.
• Periwinkle (#6E77CA): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#894934): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#552A1C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Chalky Station color palette (#F7F6E6, #91B25C, #8B6ACD, #745A00, #3B3731)
• Mint Drift color palette (#E8F9F6, #97CB8B, #6D88C5, #88463B, #4B180F)
• Cobalt Canyon color palette (#FBF4EB, #CE9A43, #008BC1, #8E4537, #3D3632)
• Softworn Terrace color palette (#F4EECE, #BACCA8, #7DA397, #A16241, #793D1C)
• Hushed Grape color palette (#EBE9D0, #7BA416, #8900CD, #663D00, #361E00)
• Emerald Quarry color palette (#E4FAFB, #00A16E, #32669D, #6A3057, #263F24)
• Ancient Mint color palette (#F3F7EB, #6ED6A3, #58AEC0, #A0723F, #343D04)
• Misty Mint Pier color palette (#BFEED0, #5FD5BB, #00A6B5, #007D9E, #593F58)

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