Forest Loft color palette — #ECF0E4 · #CAD3C7 · #8DB098 · #005D30 · #020300

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECF0E4): bright and airy, almost weightless.
• Oat (#CAD3C7): bright and airy, almost weightless.
• Sage (#8DB098): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#005D30): A full-bodied, balanced teal — the color of sea glass.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Forest 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

• Abyss Bloom color palette (#DEE2D9, #96A68A, #71816C, #00412A, #030500)
• Softworn Abyss Grove color palette (#E7F1E8, #C3D5CD, #B89BB6, #00595E, #000401)
• Antique Market color palette (#E3E3C9, #4AA277, #005A53, #1D3200, #000201)
• Timeworn Garnet color palette (#E2E9D9, #5CA694, #00728B, #640203, #0F0700)
• Pine Chapel color palette (#DCEBEB, #A0B3BF, #7F9DB3, #008759, #001819)
• Muted Petrol color palette (#EEF8F3, #EAD7DC, #CBB3BF, #00688D, #00110A)
• Ancient Orchard color palette (#D7E6D2, #5A5C65, #005A52, #161B20, #00070A)
• Lime Market color palette (#E1FBD6, #96C930, #00A78A, #006A8F, #000201)

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