Fern Pier color palette — #FAF1FF · #AA5F7E · #3C6F2E · #004D5C · #292C3F

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

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Mocha (#AA5F7E): A full-bodied, balanced rose — the color of a warm blush.
• Olive (#3C6F2E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004D5C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#292C3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Pewter Delta color palette (#F6F3FF, #92599E, #5B5A0D, #005046, #1F2E44)
• Tempered Bronze color palette (#FFF0FB, #AC5D4B, #006753, #004273, #2C263C)
• Coral Loft color palette (#E8FBEC, #D17B7E, #915B2F, #005A55, #4C3446)
• Dusty Bronze Bloom color palette (#FAEEF5, #B46549, #885600, #004A4D, #1C0D20)
• Feathered Brick Bloom color palette (#FFE2FC, #BC0036, #005235, #003042, #260032)
• Muted Pewter Study color palette (#F8F3F9, #E5D7D9, #CFBABA, #99626A, #4E444F)
• Muted Boulevard color palette (#FFF2EC, #D0866F, #A76C2F, #006E7F, #391F18)
• Hazy Aubergine color palette (#ECF9ED, #905D00, #005A6B, #391D6F, #291329)

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