Softworn Canyon color palette — #F9F5EA · #BEE3D1 · #98B992 · #B57452 · #4F4700

Caramel and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Celadon Mist (#BEE3D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#98B992): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#B57452): A luminous, balanced orange — the color of autumn markets.
• Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Antique Fern Quarry color palette (#F9F5EC, #D2E6BC, #ACBD95, #AB9398, #544F00)
• Timeworn Bronze color palette (#FAF5EA, #D2E6C0, #86AA78, #8E722B, #3A3932)
• Washed Lagoon color palette (#EFF7F3, #A3CBBC, #5B8C80, #7A5C66, #3E524B)
• Powder Alley color palette (#F9F6E1, #C3D595, #70C4FF, #CF8B9F, #3A3932)
• Wandering Mallow color palette (#F9F5E7, #E4EBB5, #D1C0FF, #99A05F, #5C3A4A)
• Timeworn Fern color palette (#FFF4E1, #A9A74B, #4E6B00, #4C3900, #080800)
• Hushed Harbor color palette (#F4F7E9, #A6DEC7, #289D92, #775F3A, #212C11)
• Aged Forest Lantern color palette (#E8E1C8, #769C4B, #005E22, #2D2D00, #010100)

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