Fern Loft color palette — #FFF1F6 · #B6A15D · #596800 · #2A3A61 · #000B03

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#B6A15D): A luminous, balanced green — the color of new leaves after rain.
• Olive (#596800): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2A3A61): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#000B03): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Fern Loft 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 Coast color palette (#E9FBED, #9FA968, #2F702A, #004642, #070800)
• Timeworn Cypress color palette (#DFFDF0, #83B07A, #007153, #4A2F57, #000A08)
• Faded Loft color palette (#D5E6D8, #8C9631, #155E05, #2B224F, #010100)
• Dusty Olive color palette (#EBFAEB, #C1BF7B, #5D833C, #514A72, #1B1900)
• Bronze Basin color palette (#F4E7DC, #92761F, #424A00, #132A60, #231900)
• Pine Grove color palette (#D6ECE3, #468C4F, #004738, #2E0435, #000200)
• Washed Olive Alley color palette (#E6E0D1, #A7AD64, #708B14, #007464, #1B1D00)
• Softworn Emerald color palette (#EAFAEB, #D3D4A3, #709759, #586186, #0D2F22)

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