Moss Boulevard color palette — #F7EED3 · #759315 · #246B2C · #004857 · #31312A
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EED3): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#759315): A luminous, balanced green — the color of fresh herbs.
- Pine (#246B2C): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
Use it as a design system
One click turns Moss Boulevard 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
- Tempered Corridor color palette (#F4F0D3, #00A057, #006A58, #004270, #2F312B)
- Dusty Courtyard color palette (#FBEDD4, #AF7B00, #675B00, #004C3C, #34302A)
- Antique Alley color palette (#F8E7CC, #89913C, #176C3E, #342F67, #1B1900)
- Mustard Harbor color palette (#F9F7D7, #C9C700, #8AB942, #3B8753, #34342D)
- Softworn Olive Field color palette (#F4F0DF, #407600, #004A28, #002937, #021D01)
- Frosted Moss color palette (#DAF8E0, #A1AA43, #42885C, #4F4A92, #0E3830)
- Antique Abyss Hollow color palette (#E5EBD4, #A4B691, #62785C, #2F5E53, #513B4D)
- Tempered Orchard color palette (#F7F7E4, #4CBEA6, #318589, #4C577E, #3F4C3B)
Browse the whole catalog at Explore, or see today's palette.