Fern Pier color palette — #F4EFD4 · #475300 · #004350 · #1C2100 · #000102

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

The five colors

• Cream (#F4EFD4): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#475300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004350): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1C2100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, 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

• Eclipse Abyss Veranda color palette (#DFE3CE, #02490C, #003840, #301F00, #000200)
• Obsidian Fern Terrace color palette (#DEE4C9, #5C5C00, #272F36, #001A06, #000200)
• Worn Cypress Coast color palette (#E0EDDB, #006A5E, #604400, #00322B, #050200)
• Eclipse Ridge color palette (#EFEDD2, #3E5600, #740402, #172300, #040000)
• Obsidian Aubergine color palette (#E0E9C7, #4C5800, #4100A4, #1E2400, #06001E)
• Aged Cypress Dune color palette (#EEEDDD, #5E985B, #007753, #313B00, #000200)
• Soft Canyon color palette (#EDE9D2, #627500, #5020D1, #273000, #010009)
• Hushed Olive color palette (#E5EBD8, #5E7300, #006376, #313E00, #00070B)

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