Moss Loft color palette — #DDF0EB · #72B13E · #009CCD · #488200 · #001E2B

Built around Clover, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DDF0EB): A whisper-light, dusty teal — the color of sea glass.
• Clover (#72B13E): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#009CCD): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#488200): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#001E2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Antique Moss color palette (#CAE6D9, #A2A400, #00A0B3, #747600, #001F24)
• Feathered Cornflower Lantern color palette (#D1E4E4, #00B87F, #418AFF, #00855B, #001742)
• Pale Moss color palette (#D0F0E5, #7D9A00, #00978F, #AF5B00, #0E1400)
• Wandering Cobalt color palette (#F5EFDE, #00AF88, #0091D0, #003427, #000B0C)
• Ancient Lantern color palette (#D1F4ED, #9DD7A7, #6AC6A5, #779700, #012C0C)
• Ember Quarry color palette (#D3EEEB, #5CB360, #E26200, #048821, #300F00)
• Pale Mustard color palette (#C0E5F2, #38C4CC, #B1A400, #00949B, #2E2A00)
• Tempered Emerald Terrace color palette (#D7F1D4, #7ABC6D, #239E17, #12650C, #000E01)

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