Moss Harbor color palette — #FFF5D4 · #C6D9A4 · #98972A · #755C00 · #152F0E
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D4): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#C6D9A4): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#98972A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#755C00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#152F0E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Moss Harbor 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 Dune color palette (#FFF3E4, #E6CE85, #C08505, #8E4C00, #2B2900)
- Hazy Olive color palette (#FFF5D7, #B1C66C, #8A8100, #614900, #0A1E00)
- Timeworn Hollow color palette (#EFE4CF, #8A8A41, #5D4C00, #301D00, #010100)
- Antique Moss Ridge color palette (#D8F7E8, #8DAA4C, #6F6E00, #5A4700, #243D1D)
- Dusty Mustard Thicket color palette (#F8EECF, #AAD795, #AEA927, #A9731D, #343730)
- Bronze Summit color palette (#EDDCCE, #926A35, #5C2E00, #270600, #020100)
- Scarlet Study color palette (#E1FDF0, #3EC6FC, #CE555A, #865F00, #001F2C)
- Antique Cocoa Harbor color palette (#FEF3EB, #E2DCC3, #C8A790, #9F6A63, #573800)
Browse the whole catalog at Explore, or see today's palette.