Moss Coast color palette — #FFF2E9 · #80A563 · #007A76 · #6A3C58 · #3C3E37
Built around Moss, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Moss (#80A563): A luminous, balanced green — the color of fresh herbs.
- Teal (#007A76): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#6A3C58): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal (#3C3E37): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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
- Antique Teal Archive color palette (#FFF2EC, #48AB9B, #377095, #723C34, #2D4431)
- Wandering Amber color palette (#FFF3E6, #B6914D, #4E7644, #564176, #3F3D36)
- Hushed Moss Boulevard color palette (#F6F6E9, #6D974B, #44629C, #6D3242, #4F2519)
- Softworn Driftwood Quarry color palette (#FBF7D2, #B6C6A8, #6D9580, #7A6159, #614B44)
- Aged Navy Lantern color palette (#DFF8F1, #73AB8B, #007C6D, #004783, #00292B)
- Muted Cypress Studio color palette (#FEF3ED, #CAE5CA, #4E96A8, #29724E, #2C5044)
- Misty Coast color palette (#FFDCD0, #009553, #005D6B, #6C002E, #003128)
- Washed Olive color palette (#F9F5E7, #B1B38B, #657D3C, #6C5801, #454600)
Browse the whole catalog at Explore, or see today's palette.