Faded Moss color palette — #F7F0CC · #7D9000 · #006C6C · #004D6F · #170D3D

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

The five colors

• Custard (#F7F0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7D9000): A luminous, balanced green — the color of fresh herbs.
• Teal (#006C6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#004D6F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#170D3D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Nightshade Harbor color palette (#ECF2D8, #00973C, #00708D, #2124C5, #22082F)
• Faded Violet Garden color palette (#FFEFF7, #8757FF, #007655, #00505B, #001835)
• Weathered Pine color palette (#F2E7D0, #A68A00, #007F2F, #005257, #3A1A00)
• Magenta Station color palette (#FFE7E9, #D900BF, #007188, #00448C, #200F34)
• Soft Amber Chapel color palette (#FFF3E7, #C77700, #4A7900, #00337C, #080300)
• Fern Drift color palette (#E9EBDA, #166205, #003C48, #001636, #030009)
• Pale Meadow color palette (#E2F2DE, #00786E, #003AB9, #44006D, #16000A)
• Cobalt Grove color palette (#EEFAE7, #009B83, #0068BB, #583A95, #34181A)

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