Pale Fern color palette — #F3E6DE · #BA8A3F · #7B7000 · #325600 · #004522

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

The five colors

• Parchment (#F3E6DE): bright and airy, almost weightless.
• Mustard (#BA8A3F): A luminous, balanced gold — the color of old brass.
• Olive (#7B7000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#325600): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004522): A deep, shadowed, balanced teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Sunlit Field color palette (#FDE0DF, #D28654, #9B6000, #564500, #333C00)
• Muted Harbor color palette (#F8DDCA, #EBAC00, #A7A100, #5D7D30, #174B2F)
• Patina Harbor color palette (#FAE2C5, #886F00, #4E5100, #083501, #002414)
• Olive Lantern color palette (#F8F8D0, #99AD6B, #477409, #284000, #1C2800)
• Forest Lagoon color palette (#FFECCD, #B3AE68, #708B2B, #006D2A, #08584B)
• Patina Indigo Corridor color palette (#F2F0D9, #7E994C, #686BCE, #476100, #2D2E63)
• Garnet Corridor color palette (#F8E3D7, #AF906F, #8A5341, #70263D, #393004)
• Amethyst Summit color palette (#EBE6C8, #748227, #7F50B6, #832977, #292F04)

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