Fern Pier color palette — #FEF4E3 · #96B187 · #3F8674 · #744B5B · #444E00
Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
- Sage (#96B187): A luminous, dusty green — the color of new leaves after rain.
- Fern (#3F8674): A full-bodied, dusty teal — the color of sea glass.
- Coffee (#744B5B): A full-bodied, dusty rose — the color of a warm blush.
- Deep Olive (#444E00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Patina Mulberry Workshop color palette (#F5F7E9, #7CA477, #4B7693, #714064, #5C3A00)
- Lagoon Hollow color palette (#FFEDE8, #AEB079, #30887F, #713F5D, #2D2E17)
- Ancient Ridge color palette (#FFF4E2, #BEA468, #6D7E56, #435A7C, #594500)
- Garnet Veranda color palette (#FFF4E2, #48A8AE, #377096, #783541, #244532)
- Antique Pewter Atelier color palette (#FCF1FF, #9DCAB0, #54A390, #9B5572, #2F4F47)
- Cocoa Archive color palette (#F5F8DB, #B7C4AD, #8A9F90, #84656A, #744009)
- Petrol Boulevard color palette (#F9F4ED, #CCE4E8, #AE8CAB, #38788D, #63495B)
- Aged Fern color palette (#F3F7EA, #C9F6CB, #A2DAA7, #5AA7A7, #3C4F07)
Browse the whole catalog at Explore, or see today's palette.