Softworn Olive color palette — #FDF1FA · #AF6D61 · #6A7936 · #005E68 · #3F2B3B

Built around Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Mocha (#AF6D61): A luminous, balanced orange — the color of autumn markets.
• Olive (#6A7936): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#3F2B3B): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Weathered Canyon color palette (#F8F2FE, #B66D98, #6B6700, #004F6A, #4B2A4B)
• Petrol Orchard color palette (#FCF2F7, #B98165, #568C6F, #00688F, #493741)
• Bronze Pier color palette (#F6F3FF, #A26C9B, #95661E, #00633E, #352F43)
• Powdered Olive color palette (#FFEEE4, #C16C4C, #68801A, #19613E, #26150A)
• Aged Navy color palette (#E9FBEA, #9B6C00, #007866, #004792, #3B2700)
• Dusty Pewter Meadow color palette (#F8F3F8, #E4D8D8, #B5C7C2, #A15E61, #4D454C)
• Dusty Bronze color palette (#FFE6F0, #D99F9F, #AA633C, #684700, #413E00)
• Soft Brick color palette (#FAD8F6, #C30026, #006B2C, #00435B, #3D090C)

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