Softworn Emerald Loft color palette — #FFF1F5 · #BCB77B · #5F8F4E · #336E70 · #223C2F
Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sage (#BCB77B): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#5F8F4E): A full-bodied, balanced green — the color of new leaves after rain.
- Teal (#336E70): A full-bodied, dusty teal — the color of sea glass.
- Forest (#223C2F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn Emerald 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
- Lagoon Field color palette (#E7FBF2, #92C29E, #00948A, #486684, #103D3B)
- Wandering Emerald Villa color palette (#FEF4E4, #D1D59A, #6D985C, #546B4D, #302703)
- Frosted Ridge color palette (#FFF1F6, #C7BD70, #599A34, #885385, #1D4331)
- Frosted Pine Thicket color palette (#DBE9DB, #A3AC62, #2E8645, #744166, #003124)
- Worn Fern Lantern color palette (#FEF4DF, #96A359, #486F2F, #494C45, #37362F)
- Dusty Meadow color palette (#FBF2F7, #C0D9C2, #9BA16B, #7A7A98, #455146)
- Weathered Pine Market color palette (#DCEFDD, #909A44, #007530, #004E59, #002117)
- Worn Iris color palette (#FDF1F5, #BBD8F3, #798FE6, #007C7D, #353757)
Browse the whole catalog at Explore, or see today's palette.