Fern Pier color palette — #CCF0D3 · #C6ABC3 · #97787E · #6A6213 · #33322B
A conversation between Olive and Honeydew, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CCF0D3): A whisper-light, dusty teal — the color of sea glass.
- Mauve (#C6ABC3): A luminous, dusty pink — the color of peonies in June.
- Mocha (#97787E): A luminous, dusty red — the color of late-summer berries.
- Olive (#6A6213): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#33322B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged vintage, 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
- Chestnut Cabin color palette (#E9F3CF, #ADC3B0, #9C8496, #79520A, #3D3832)
- Tempered Olive Canyon color palette (#DDFAEC, #D4B7C7, #AB8B89, #5A6F2E, #334500)
- Driftwood Villa color palette (#CEE4DE, #BBA5E1, #AA6374, #0A5858, #003939)
- Timeworn Loft color palette (#F6D7E8, #CC9A9B, #9A6235, #435843, #1A2C1A)
- Dusty Ash Villa color palette (#D6E8FF, #A289B5, #7D5053, #004C58, #022A15)
- Washed Hollow color palette (#F4F2E5, #ADB990, #48807C, #624C66, #242A15)
- Abyss Lagoon color palette (#E1FAFF, #ABC8DD, #9897B2, #547E7A, #2D5855)
- Muted Cypress Grove color palette (#F7F0EB, #C1E6D7, #778DB9, #006D67, #3E2230)
Browse the whole catalog at Explore, or see today's palette.