Moss Boulevard color palette — #E3F8ED · #9B9100 · #226B99 · #542F63 · #271531

Moss and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E3F8ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#9B9100): A luminous, balanced green — the color of fresh herbs.
• Peacock (#226B99): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#542F63): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Indigo (#271531): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Worn Study color palette (#E0F8F3, #66A042, #525DA6, #612B47, #2F1229)
• Linen Amber color palette (#FFECF4, #C57835, #007376, #273F70, #2B1135)
• Hazy Olive color palette (#BDEDDC, #6B7B00, #00527A, #55002F, #220010)
• Aged Stone color palette (#CBF3DB, #97BC91, #598892, #5E576B, #352D41)
• Cerulean Dune color palette (#F8F5E8, #A4AC61, #0291A1, #694E8B, #582819)
• Dusty Emerald Field color palette (#DAFAF6, #009E3E, #384DBA, #6D0C00, #320600)
• Chalky Aubergine color palette (#DBF3F5, #009079, #604092, #582000, #270A00)
• Hushed Olive color palette (#E9F6E8, #BDB57A, #677E4A, #465C45, #1A2C23)

Browse the whole catalog at Explore, or see today's palette.