Fern Pier color palette — #D2E6D4 · #89882B · #316100 · #591B4B · #111000

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

The five colors

• Celadon Mist (#D2E6D4): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#89882B): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#316100): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#591B4B): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#111000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Weathered Loft color palette (#D0EFE2, #649161, #00624A, #531A5F, #011501)
• Moss Quarry color palette (#F0DEC7, #98921A, #335A00, #411A39, #010100)
• Tempered Garnet Workshop color palette (#D5E8E0, #4E844B, #00523E, #57001B, #000900)
• Olive Canyon color palette (#E2F3E5, #939760, #2E7200, #5A4000, #1C1C00)
• Antique Moss color palette (#EDEDDE, #938C00, #5E5A00, #2C2B00, #030300)
• Aged Bronze color palette (#F6E8D1, #7B6C00, #3A3A00, #3A1600, #130F00)
• Antique Moss Market color palette (#DBEFE1, #AB9900, #747600, #7F441D, #131000)
• Aubergine Workshop color palette (#D9F0E6, #686C00, #0052C1, #5F00AE, #080800)

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