Moss Terrace color palette — #F7F1E5 · #A18E16 · #00746E · #363B6D · #370D19
Built around Moss, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F1E5): a clean, paper-quiet neutral.
- Moss (#A18E16): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00746E): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#363B6D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Onyx (#370D19): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Moss Terrace 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
- Amber Alley color palette (#ECF9EF, #A98215, #0A6F82, #573675, #4D233F)
- Pale Amber color palette (#FEEFE0, #C67900, #317542, #004762, #2A1235)
- Tempered Market color palette (#F3F3E8, #85A967, #2E7B9A, #5D415F, #392107)
- Worn Summit color palette (#E6E2C2, #677C00, #005662, #3A006D, #240000)
- Misty Navy color palette (#E3E9DB, #007F5B, #004686, #490137, #130800)
- Driftwood Market color palette (#FFF1CC, #BEBA91, #769150, #6B5363, #4B3138)
- Soft Taupe color palette (#EAF9F4, #99AF60, #2A9478, #006880, #4F3100)
- Wandering Olive Studio color palette (#ECE9D9, #767C00, #31322B, #191609, #090602)
Browse the whole catalog at Explore, or see today's palette.