Soft Pier color palette — #FFF1F7 · #EE9F6E · #4F9348 · #AF5500 · #031D1A

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Apricot (#EE9F6E): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#4F9348): A full-bodied, balanced green — the color of fresh herbs.
• Ochre (#AF5500): A full-bodied, balanced gold — the color of old brass.
• Ink (#031D1A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Dusty Rust Bloom color palette (#FBF2FB, #F39799, #778B00, #B74650, #061D16)
• Mustard Pier color palette (#EEF8F0, #D7AE55, #009581, #906B00, #021C20)
• Emerald Orchard color palette (#FCF3ED, #FFC09D, #2FA440, #B55813, #050600)
• Timeworn Lime color palette (#EFF8F0, #F8BF67, #8FB200, #C58800, #011E17)
• Soft Fern Alley color palette (#FFD5BA, #D6A854, #818B2B, #1F660C, #003A2B)
• Fern Archive color palette (#FAF4ED, #C08F46, #5A6500, #6C4700, #1E1800)
• Amber Boulevard color palette (#E3F4E1, #CC963A, #57863C, #5D4688, #0E3925)
• Amber Field color palette (#F6E5EB, #D47700, #007254, #7A4200, #000405)

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