Softworn Pine Ridge color palette — #F0F3EA · #8BC2A4 · #B08BC5 · #22855B · #472530

Built around Fern, softened by Mauve — the whole palette hums with creativity and sophistication.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Mint Leaf (#8BC2A4): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#B08BC5): A luminous, balanced violet — the color of a velvet chair.
• Fern (#22855B): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#472530): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn Pine 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

• Weathered Olive color palette (#F3F2E8, #ABBB86, #A092CB, #657D07, #342A4D)
• Patina Field color palette (#E9F6E9, #81C0C0, #CA897D, #008282, #362F2C)
• Antique Courtyard color palette (#F3F7EA, #7DC298, #6A9CD7, #3D835C, #59455A)
• Softworn Station color palette (#E8F9F9, #93D5B3, #C89CE6, #569D7B, #4B4965)
• Worn Driftwood color palette (#EEF5E3, #73AB8D, #B078A4, #A16084, #232B14)
• Wandering Peony Terrace color palette (#E6F9DD, #00B19A, #CF40A2, #006A5C, #3E002D)
• Spruce Alley color palette (#ECF4ED, #DCBCA7, #4A6B50, #1A3921, #0D170F)
• Tempered Bronze color palette (#FAF0E3, #C5BA9F, #A47A3C, #7E4917, #302D17)

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