Fern Study color palette — #FDF1F9 · #767AA9 · #8D4B5E · #4A5000 · #20372F

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

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Slate (#767AA9): A full-bodied, dusty violet — the color of wild irises.
• Coffee (#8D4B5E): A full-bodied, balanced red — the color of embers at dusk.
• Deep Olive (#4A5000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#20372F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Fern Study 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

• Fern Delta color palette (#FFF1F2, #A1739B, #93574A, #37561E, #3F303E)
• Cocoa Ridge color palette (#FBF2FA, #5D81B1, #7A5D90, #753F1A, #2F3B29)
• Weathered Fern Hollow color palette (#EDF8F3, #64A0C1, #995A70, #4A5C0A, #0C4B57)
• Ancient Rust Pier color palette (#F2F0FA, #A36DA7, #AB5339, #674B0F, #081E18)
• Worn Cocoa color palette (#FFF1F3, #8D558E, #772C00, #003C24, #2D1226)
• Hushed Driftwood color palette (#FDEDF4, #8171AE, #4E3538, #33232B, #1B1315)
• Cerulean Lantern color palette (#F9F3F8, #E0D8D7, #AFADA0, #6C81B0, #575056)
• Quiet Mulberry color palette (#FFF1F4, #90469E, #9C022D, #274400, #012243)

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