Moss Coast color palette — #E9E1CC · #958900 · #007741 · #004C53 · #331700

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

The five colors

• Parchment (#E9E1CC): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#958900): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004C53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#331700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Timeworn Coast color palette (#F6F2E4, #9D9B00, #00875A, #005A69, #3F2400)
• Aged Amber color palette (#EEDFCC, #B37900, #566E00, #004F3D, #00242D)
• Weathered Olive color palette (#E5E3C7, #648100, #00614F, #003949, #1B0F00)
• Emerald Study color palette (#E0E4D0, #2D9F4D, #007275, #004477, #242000)
• Tempered Moss Workshop color palette (#F1EBDC, #ADAC6A, #719343, #445F43, #1F452E)
• Hushed Corridor color palette (#EAE5CE, #99AF6E, #488400, #6F4E1C, #2D2A0D)
• Timeworn Boulevard color palette (#EFE5D6, #906B00, #3C3300, #201300, #090300)
• Aged Bronze Courtyard color palette (#F8DBC6, #A44B00, #005342, #311A65, #2E0035)

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