Moss Coast color palette — #ECF9F2 · #A7A139 · #5092C0 · #7D5B82 · #3C2D36
A conversation between Moss and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F2): bright and airy, almost weightless.
- Moss (#A7A139): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#5092C0): A luminous, balanced blue — the color of open sky before noon.
- Graphite (#7D5B82): A full-bodied, dusty pink — the color of peonies in June.
- Espresso (#3C2D36): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
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
- Worn Boulevard color palette (#EEF9ED, #D58A36, #4594A6, #636690, #3C313E)
- Worn Boulevard color palette (#EBF9F5, #76AF5E, #757EB7, #84556D, #2D392E)
- Mint Atelier color palette (#E7FAF5, #9CBE7A, #3E9AAC, #6B6289, #523851)
- Pewter Lagoon color palette (#F0F8EE, #E79F98, #7095D1, #7C62A2, #342120)
- Softworn Lilac color palette (#F6F6ED, #ADBF8E, #56B6CE, #A879B5, #35312B)
- Worn Garden color palette (#EAF9F5, #788942, #316B83, #464D76, #402F39)
- Tempered Ultramarine color palette (#DAFFF4, #8DA422, #1159D7, #83356C, #321900)
- Worn Corridor color palette (#EEF8F4, #D1DDE0, #AAB0B9, #80A597, #4E5452)
Browse the whole catalog at Explore, or see today's palette.