Softworn Drift color palette — #F2F4DF · #77B083 · #15774F · #49463F · #1A1E09

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F4DF): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#77B083): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#15774F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#49463F): a grounded near-black with real depth.
• Onyx (#1A1E09): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Taupe Summit color palette (#F8F1E4, #ABA25E, #666928, #4A463F, #231B06)
• Cypress Corridor color palette (#E5FBF6, #7DA689, #00745B, #623F4D, #073E3C)
• Jade Boulevard color palette (#CFFFE0, #34BF7B, #007F52, #004025, #001006)
• Faded Pier color palette (#EEE6BE, #78A606, #2E6C00, #3C4307, #0F1A00)
• Patina Seafoam Courtyard color palette (#EBF7D8, #9CEFD4, #80CBC3, #4F7852, #232C16)
• Softworn Emerald Study color palette (#E7ECD2, #4BA85A, #2282C4, #1B652B, #001E34)
• Tempered Fern color palette (#F3F3E7, #C4C7A3, #6A8D6F, #6A6416, #31322B)
• Worn Balcony color palette (#F2F3E7, #95D4D8, #268A98, #005C55, #00252E)

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