Moss Field color palette — #ECDCE6 · #ED7F58 · #559900 · #006B8C · #35003F

Built around Olive Leaf, softened by Coral Clay — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#ECDCE6): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#ED7F58): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#559900): A luminous, vivid green — the color of a quiet forest floor.
• Peacock (#006B8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#35003F): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Moss Field 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

• Pale Studio color palette (#FDEDF4, #EB9C6E, #52A959, #0078AF, #4A0B42)
• Moss Cabin color palette (#EEDAEC, #E7807D, #8D8900, #00706F, #190B58)
• Chalky Navy Garden color palette (#FFE6EF, #CF7700, #008858, #004BA7, #280013)
• Ultramarine Archive color palette (#D5E8D3, #D3933A, #009B76, #1E4DDF, #40001C)
• Cerulean Atelier color palette (#FDE7F4, #CEAD8A, #9B9867, #33869B, #243C61)
• Ember Hollow color palette (#ECDBEA, #CF5E5A, #8B5600, #004573, #420005)
• Pale Cornflower color palette (#F0F8EF, #DFB682, #5DB397, #5676D3, #5B2132)
• Washed Aubergine Ridge color palette (#E4F4EE, #6D7B00, #00616D, #490080, #060000)

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