Moss Harbor color palette — #FCF7D0 · #8BA800 · #007E5D · #004853 · #200D00

Moss takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FCF7D0): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#8BA800): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#007E5D): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#200D00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Soft Emerald Ridge color palette (#F1FADD, #00AE65, #007179, #003969, #100D00)
• Gentle Corridor color palette (#F6F7DF, #74C82F, #009286, #00587C, #2C1F00)
• Frosted Loft color palette (#FFF3E4, #CD8A00, #587700, #004B3E, #2B0100)
• Tempered Olive color palette (#F9EECB, #888200, #273000, #111B1D, #0B0700)
• Lime Quarry color palette (#ECFFB1, #95C200, #529A00, #1F6800, #002707)
• Wandering Teal Terrace color palette (#F8F5EA, #CED09B, #6BA98C, #3A7483, #3C3732)
• Powdered Navy Ridge color palette (#E7F8E3, #008D83, #005573, #1B0070, #010200)
• Emerald Corridor color palette (#F8F8D2, #99D599, #009754, #695700, #002704)

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