Softworn Olive color palette — #F7DCD4 · #EFA67C · #D39132 · #4F8818 · #0F4E2B

Olive Leaf and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7DCD4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#EFA67C): A luminous, balanced gold — the color of old brass.
• Mustard (#D39132): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#4F8818): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0F4E2B): A deep, shadowed, balanced teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Misty Olive color palette (#EEDDE1, #FBA8A7, #DC886B, #8C8300, #304000)
• Sunlit Lagoon color palette (#FBE4CB, #D0B681, #B1A545, #009472, #00423E)
• Bronze Orchard color palette (#F9DEC9, #9C815B, #7C6A05, #005131, #001713)
• Lagoon Courtyard color palette (#D7F7DB, #B2DDC2, #AAB780, #2D9B88, #005659)
• Hazy Clover color palette (#FDD9EB, #FF9656, #00C93F, #D36300, #00390B)
• Rust Station color palette (#D7F3E6, #B8C983, #74AA24, #CA4A34, #2A3300)
• Soft Amber color palette (#FFF0FD, #FFAEB0, #CB873C, #186B87, #003242)
• Quiet Boulevard color palette (#F5E2D8, #FC7A2A, #9CA500, #F000BB, #3E1600)

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