Fern Pier color palette — #F5F0CD · #4C545A · #445500 · #0F1713 · #000801

A conversation between Deep Olive and Custard, giving this palette its sense of nature and growth.

The five colors

• Custard (#F5F0CD): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#4C545A): a grounded near-black with real depth.
• Deep Olive (#445500): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0F1713): a grounded near-black with real depth.
• Ink (#000801): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Tempered Cocoa color palette (#F5E5D3, #62636C, #6A4500, #171C15, #070500)
• Dusty Workshop color palette (#E8FBED, #00B1C7, #304D42, #152219, #030703)
• Softworn Workshop color palette (#F4F7E9, #83C082, #435E20, #2B2C21, #101009)
• Hushed Moss color palette (#E3F0D0, #4E9500, #006224, #002717, #000302)
• Velvet Bloom color palette (#E2F1E3, #006D71, #32373E, #00151E, #000200)
• Washed Lagoon color palette (#DFE5C4, #4AA180, #005A52, #3C2600, #000201)
• Obsidian Olive Veranda color palette (#E5E0C1, #637400, #003C2B, #151B14, #060800)
• Aged Grove color palette (#EAEBD3, #7FA47C, #1B6954, #362462, #130018)

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