Softworn Pine color palette — #F9E8E1 · #A99253 · #227A4F · #6B396E · #542557
Built around Pine, softened by Mulberry — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F9E8E1): A whisper-light, dusty orange — the color of autumn markets.
- Moss (#A99253): A luminous, balanced gold — the color of honey in a jar.
- Pine (#227A4F): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#6B396E): A full-bodied, balanced pink — the color of neon signs at night.
- Royal Purple (#542557): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Softworn Pine 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
- Washed Moss Courtyard color palette (#FFE5CC, #A0A447, #00877A, #67345B, #551E2B)
- Hushed Quarry color palette (#F2E2E9, #D99367, #7B7500, #643F7F, #5F1F4E)
- Chalky Jade Market color palette (#F2ECCD, #53A670, #006962, #682752, #00381A)
- Sunlit Navy color palette (#EDDEBD, #9DA36D, #397E56, #2D3F84, #2C0C47)
- Ultramarine Atelier color palette (#EBE2C8, #A9B872, #5D966E, #305BB5, #4E2273)
- Cocoa Lantern color palette (#E7E8CB, #A3B192, #557B6C, #694B48, #5E2E00)
- Hushed Mustard color palette (#F9D9CF, #CFBA51, #59B37B, #8F6490, #562258)
- Worn Mulberry Grove color palette (#D8E5D2, #529824, #880087, #7D0040, #102C00)
Browse the whole catalog at Explore, or see today's palette.