Moss Loft color palette — #F6ECDC · #8E9200 · #005E24 · #002621 · #000102

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

The five colors

• Cream (#F6ECDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#8E9200): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#005E24): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#002621): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Amber color palette (#F3DED7, #BB8200, #4B5600, #002A12, #000201)
• Worn Olive color palette (#F3E1C8, #727800, #004922, #00211E, #040A18)
• Dusty Balcony color palette (#D7E4C8, #289E5D, #005C5A, #00212D, #00000B)
• Olive Summit color palette (#FFE4DC, #837900, #004E44, #360028, #010200)
• Washed Garnet Harbor color palette (#F5E1C8, #9F8F5F, #006D4F, #6A0614, #0C0500)
• Tempered Lime color palette (#FFF4DC, #B3CE20, #009665, #005656, #001927)
• Fern Studio color palette (#F0EEE5, #CDD3C1, #97AD96, #495400, #030200)
• Dusty Emerald Workshop color palette (#F0F6D6, #FEA63C, #00B331, #007D9D, #000201)

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