Softworn Ridge color palette — #F7F1E7 · #CFC39E · #798B56 · #765765 · #33312A

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

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Sand (#CFC39E): A luminous, dusty green — the color of fresh herbs.
• Moss (#798B56): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#765765): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#33312A): quiet, heavy and certain.

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

Use it as a design system

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

• Dusty Lagoon Boulevard color palette (#F1F3E5, #ABBA93, #168777, #6D4B46, #242A1A)
• Worn Stone color palette (#FFF1F5, #9FCDB5, #5E8B84, #5F6579, #405249)
• Turquoise Ridge color palette (#F5F1EB, #C6E5DB, #59AAB6, #3B7963, #253C30)
• Timeworn Rust color palette (#FFEEE6, #F4B5AD, #BE685A, #763E36, #34190A)
• Muted Olive color palette (#F8F1E2, #A2AF71, #3B7E00, #62396E, #272000)
• Worn Rust Terrace color palette (#FCEFEA, #E39EA0, #3BAEB7, #A9545A, #1D3822)
• Worn Emerald Canyon color palette (#FFEEE7, #D08580, #5F9F5F, #5E78AC, #33231D)
• Cocoa Alley color palette (#FCF3EB, #C7E0CC, #9DB890, #967E8A, #584300)

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