Moss Coast color palette — #F1ECDE · #8D8800 · #557200 · #004E25 · #00271C

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

The five colors

• Cream (#F1ECDE): a clean, paper-quiet neutral.
• Olive Leaf (#8D8800): A luminous, balanced green — the color of new leaves after rain.
• Olive (#557200): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004E25): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#00271C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Powdered Workshop color palette (#F3DBCA, #B17E00, #746200, #3A4600, #112600)
• Timeworn Olive color palette (#E7EADC, #548600, #006C3A, #003F2D, #001614)
• Weathered Moss color palette (#EBE7D6, #99A500, #396C00, #003E15, #00120A)
• Timeworn Turquoise color palette (#E1E3CA, #92D1BD, #10ADD5, #706800, #002B19)
• Linen Emerald color palette (#D8E6D6, #009E59, #007666, #004C4B, #00282F)
• Worn Study color palette (#F4E1B7, #ADC584, #619F51, #008158, #0F4E44)
• Timeworn Plum Veranda color palette (#EDEBD2, #80A628, #AF0084, #445C00, #350026)
• Weathered Clover color palette (#E9F3D7, #4BBB30, #009466, #005F56, #003F44)

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