Softworn Garden color palette — #EDF8F4 · #A9B676 · #007E85 · #5A6700 · #0B2831

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sage (#A9B676): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007E85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#5A6700): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#0B2831): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Pine Workshop color palette (#EBF8F7, #89BE90, #4870A9, #00742C, #1A2532)
• Sunlit Olive color palette (#F2F3EA, #8FC483, #008873, #30771B, #091105)
• Tempered Bloom color palette (#FBF2F5, #CAA782, #178357, #865200, #0E2929)
• Powdered Lapis Grove color palette (#E8F9FA, #47B995, #5B4EC4, #00654D, #19163D)
• Frosted Lagoon color palette (#E8F7C5, #8DB88A, #0B8E74, #005B63, #004057)
• Aged Garnet Hollow color palette (#FFF0F9, #76A66F, #00797D, #7A3246, #1B4446)
• Emerald Balcony color palette (#ECF8F6, #A8D299, #00A880, #56923D, #132829)
• Pine Thicket color palette (#EFF7F6, #D4DBE0, #B5C1CF, #548154, #3D4B49)

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