Fern Loft color palette — #F7F6E8 · #ABB494 · #3C8174 · #256278 · #3D4900
Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E8): a clean, paper-quiet neutral.
- Sage (#ABB494): A luminous, dusty green — the color of fresh herbs.
- Teal (#3C8174): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#256278): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Olive (#3D4900): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, 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
- Muted Cypress Field color palette (#F7F6E8, #95A17B, #157267, #603D5C, #2F3B00)
- Softworn Market color palette (#F3F7E9, #9AD2BC, #36A48F, #5D7B5E, #324B07)
- Lagoon Garden color palette (#E4F6F6, #88BFC2, #178774, #305C68, #102C2E)
- Fern Station color palette (#FAF4EB, #C8C1A8, #708A65, #7D596E, #5C4C00)
- Hushed Cabin color palette (#E9FAF5, #B0E3C1, #78BBAF, #7A94A5, #2A4948)
- Softworn Loft color palette (#FBF3EE, #C8E4D7, #658EB9, #00716F, #5B3C54)
- Hushed Cobalt color palette (#FFF0F8, #E5D9D4, #FCB7BE, #5177A7, #5A4148)
- Navy Orchard color palette (#FCE7CF, #A19339, #486600, #30358E, #352E00)
Browse the whole catalog at Explore, or see today's palette.