Fern Studio color palette — #F5EADF · #9E8E00 · #236A00 · #003F35 · #00282C

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

The five colors

• Cream (#F5EADF): bright and airy, almost weightless.
• Moss (#9E8E00): A luminous, balanced green — the color of fresh herbs.
• Olive (#236A00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00282C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

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

• Moss Drift color palette (#ECE7D9, #709F4E, #006551, #003E43, #00253C)
• Wandering Station color palette (#E6E3D2, #95AA47, #1B8923, #005D37, #002A24)
• Amber Boulevard color palette (#EFDFDC, #C88000, #645F00, #094305, #002A20)
• Moss Bloom color palette (#F3E7DC, #BCB435, #5AA300, #007962, #002C32)
• Feathered Olive Courtyard color palette (#F2F1CE, #2C890B, #00473C, #002229, #000E23)
• Antique Market color palette (#F5D2EA, #8B7600, #005B48, #4C1759, #1C2900)
• Ancient Fern Garden color palette (#E7F1EC, #C0D0CD, #8CA6AA, #5E5600, #22322A)
• Apricot Cabin color palette (#DBFEF0, #F7911B, #5B9D24, #007A82, #032F0F)

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