Fern Canyon color palette — #F8F5E8 · #D3D4C2 · #A2AC8A · #596000 · #34332C
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5E8): a clean, paper-quiet neutral.
- Oat (#D3D4C2): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A2AC8A): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#596000): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#34332C): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Fern Canyon 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 Basin color palette (#F2F7EC, #CAD7C6, #93AF98, #006B49, #293A00)
- Antique Fern color palette (#F5F2E8, #D3D6C1, #79BAAE, #645D00, #211903)
- Antique Fern Alley color palette (#F6EAD0, #8D9952, #356A00, #4F4200, #2C3200)
- Washed Olive Grove color palette (#ECF9F2, #CAE5E1, #92C9D2, #817B00, #1E392D)
- Tempered Spruce color palette (#E7E8E0, #979C8F, #66765D, #123400, #0A0A00)
- Softworn Driftwood color palette (#F6F5EF, #D6DCD6, #9EAFB6, #768A57, #54534A)
- Abyss Harbor color palette (#E9F0E6, #AFBEB0, #7B9587, #005046, #162410)
- Aubergine Dune color palette (#E4EDDB, #74B393, #218181, #603B7B, #5A2945)
Browse the whole catalog at Explore, or see today's palette.