Fern Pier color palette — #D7F0E3 · #778A3E · #686200 · #503C00 · #010500

Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D7F0E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#778A3E): A luminous, balanced green — the color of new leaves after rain.
• Olive (#686200): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#503C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Olive color palette (#F5EDDA, #598028, #443D00, #1E0E00, #000201)
• Timeworn Workshop color palette (#FCE8EE, #A17921, #865200, #662C00, #050300)
• Washed Cabin color palette (#E0EFE1, #B69E3C, #A27300, #844A00, #171700)
• Feathered Brick color palette (#C9E2F3, #00789B, #B60039, #5E4000, #000204)
• Bronze Canyon color palette (#D7E9F3, #AA7F00, #005264, #001920, #000204)
• Quiet Thicket color palette (#FAEAF0, #D4A971, #C67937, #9A563E, #0C2B17)
• Tempered Bloom color palette (#EFE3CB, #BB01F2, #00869A, #00181D, #000204)
• Patina Courtyard color palette (#EBFAEF, #B1DCC7, #C3AA63, #A0825C, #28433B)

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