Patina Moss color palette — #FBF2F8 · #EEA995 · #84A35E · #3A6F97 · #2B232F

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Melon (#EEA995): A luminous, balanced orange — the color of sun-warmed clay.
• Moss (#84A35E): A luminous, balanced green — the color of new leaves after rain.
• Slate (#3A6F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2B232F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Ancient Lagoon Meadow color palette (#FDF1F8, #E3A28A, #00A393, #68618F, #2F222A)
• Dusty Amber Market color palette (#F5F3FE, #DDA3DF, #B69432, #00727A, #2B2738)
• Ancient Blush Harbor color palette (#FFF2EE, #FF9EA8, #B89F5B, #897EAB, #412F30)
• Dusty Apricot Canyon color palette (#FFF1F6, #DD9F6D, #435B4C, #33272C, #130D12)
• Misty Coral color palette (#FEF0FC, #F68575, #0088B5, #80486F, #251525)
• Washed Amber color palette (#F9F0E6, #B18250, #59774D, #285539, #28161A)
• Hushed Ultramarine Boulevard color palette (#FFF1F6, #E78800, #008959, #144CB0, #280404)
• Tempered Grove color palette (#FFF0F8, #E3743A, #007C74, #572F82, #1A0512)

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