Muted Ridge color palette — #F3F7EC · #7CC6AB · #1D9481 · #3D7054 · #333730

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Mint Leaf (#7CC6AB): A luminous, balanced teal — the color of sea glass.
• Fern (#1D9481): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#3D7054): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#333730): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted 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

• Mint Balcony color palette (#EBEDD9, #60C37A, #008E5D, #006A5B, #073818)
• Antique Hollow color palette (#F6F6E7, #A7DEC9, #4B979F, #566B45, #1F2D10)
• Moss Loft color palette (#FCF5E1, #B6C46D, #6E9600, #007A6D, #3C3B34)
• Antique Teal Coast color palette (#F5F7E3, #4AB08E, #007171, #4B4C44, #333730)
• Timeworn Emerald Coast color palette (#FAF5E5, #ACBD85, #648F3C, #756213, #37362F)
• Wandering Lagoon color palette (#F4F6ED, #BADECC, #43A0D1, #00798C, #183E5A)
• Washed Ridge color palette (#F4F6EE, #CBD6B8, #68AB95, #71836E, #425510)
• Tempered Lagoon color palette (#DFE9CF, #00896D, #005148, #003335, #030800)

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