Moss Ridge color palette — #DEE2D5 · #519900 · #006C29 · #003F25 · #00241C

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#DEE2D5): bright and airy, almost weightless.
• Olive Leaf (#519900): A luminous, vivid green — the color of new leaves after rain.
• Pine (#006C29): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003F25): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00241C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Moss Ridge 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 (#F2F0D9, #899B00, #457300, #02460B, #00240E)
• Hushed Corridor color palette (#FFF0B8, #A0C300, #009828, #005F4A, #002E30)
• Tempered Lagoon Balcony color palette (#DAF4E2, #009C77, #007165, #004442, #002022)
• Feathered Archive color palette (#98FFD8, #00B27F, #007456, #003428, #000D06)
• Softworn Lagoon color palette (#CCF7EC, #9FCA9E, #589D79, #216E57, #113B42)
• Olive Quarry color palette (#CFFFE4, #7CE3D5, #00B3CE, #397100, #00231B)
• Ancient Pier color palette (#EDE2D3, #A98100, #6B5C00, #373700, #151D00)
• Plum Station color palette (#DBECE0, #27B067, #AB0088, #005C30, #2D0022)

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