Fern Lantern color palette — #F7F6E9 · #ADF1EF · #DFDFCC · #82D5EC · #3D4D01

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sea Foam (#ADF1EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Bone (#DFDFCC): A whisper-light, dusty green — the color of fresh herbs.
• Ice Blue (#82D5EC): A whisper-light, balanced blue — the color of deep harbor water.
• Deep Olive (#3D4D01): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Washed Bronze Archive color palette (#F9F4ED, #C3E1D0, #91BA9B, #A77E3F, #514600)
• Timeworn Lagoon color palette (#F9F5E7, #EAFFBB, #E3DCD1, #79EFE9, #404139)
• Dusty Seafoam color palette (#E8FAF6, #C0EDCD, #8BDDB9, #4BA5A5, #2A5454)
• Timeworn Powder color palette (#ECF9EF, #AAE8E9, #CCCAD4, #B0B5FF, #173526)
• Softworn Powder color palette (#FAF4EF, #C2E0F0, #C8BDF5, #56A199, #5D4551)
• Gentle Seafoam color palette (#F2FADC, #6DFFA9, #BDE0C9, #32C1FD, #002C26)
• Tempered Boulevard color palette (#F2F3E7, #E1F5B5, #A5D396, #6CAB89, #2A2E11)
• Weathered Mint color palette (#F5F6EB, #85C179, #475B44, #2B2C1F, #110F0A)

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