Moss Drift color palette — #EAFAF2 · #8F8E1D · #007746 · #00525A · #522D11

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

The five colors

• Ivory (#EAFAF2): bright and airy, almost weightless.
• Olive Leaf (#8F8E1D): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00525A): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#522D11): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Olive Coast color palette (#FFF1F5, #B17C39, #5B6C0A, #005542, #572826)
• Washed Emerald color palette (#EAF9F7, #579B5B, #007273, #004B7C, #413806)
• Pine Meadow color palette (#E9FAF4, #8DBAB0, #4D8249, #45624A, #304843)
• Hushed Canyon color palette (#CBF2E9, #468000, #005851, #003751, #2E2200)
• Airy Olive Parlor color palette (#EEECBD, #A7B15D, #6E8100, #496811, #23534B)
• Linen Mustard color palette (#E8FBED, #FFE0BB, #E7BA2F, #8F9723, #1F4330)
• Navy Lantern color palette (#E0F7FA, #008B76, #005C7B, #342C77, #153404)
• Weathered Bronze color palette (#D6EBDD, #876F00, #193A2C, #112418, #050F0D)

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