Moss Coast color palette — #FDE8D0 · #B8B35F · #5F9418 · #007543 · #00473F
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#FDE8D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Gold (#B8B35F): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#5F9418): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007543): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00473F): A deep, shadowed, dusty teal — the color of sea glass.
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
- Emerald Orchard color palette (#EAEACF, #92BD79, #009E6F, #006E60, #004754)
- Hushed Moss color palette (#ECECD4, #97AD39, #4E7900, #105908, #18482F)
- Frosted Sunflower Harbor color palette (#FFF4E1, #D0D331, #6CA135, #1A6B3C, #00352F)
- Olive Pier color palette (#E6DFC4, #8D9700, #317200, #005035, #002626)
- Bronze Canyon color palette (#F5DED2, #D29E5A, #9E8000, #5C6C00, #0A4A1E)
- Muted Emerald color palette (#F1F9D2, #95CF9A, #339E61, #005D1D, #002709)
- Pale Pine color palette (#EEF1DF, #80B880, #AB7ED0, #058A22, #43255A)
- Cerulean Lantern color palette (#F7F8D4, #A0D5BA, #47AEA2, #008896, #315A49)
Browse the whole catalog at Explore, or see today's palette.