Softworn Pine color palette — #F8F3FB · #ECA9BE · #BD8761 · #2F7E5A · #1F2538

Teal and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F8F3FB): bright and airy, almost weightless.
• Ballet Pink (#ECA9BE): A luminous, balanced rose — the color of strawberry cream.
• Caramel (#BD8761): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#2F7E5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1F2538): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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

• Weathered Olive color palette (#F3F4FF, #BBA9E1, #BB7A74, #557535, #1A2534)
• Driftwood Orchard color palette (#FCF2F9, #F4AE9D, #988C49, #00727F, #2C2337)
• Dusty Cypress Field color palette (#F2F5FF, #CBC3FD, #C48B69, #167C64, #243859)
• Washed Blush color palette (#F9F2FE, #DC96B7, #614D5E, #2F2736, #0F0E16)
• Worn Taupe Field color palette (#EDF8F3, #7BC5EB, #A9B25F, #629772, #273529)
• Hushed Terrace color palette (#FEF0FF, #C56F79, #776A00, #005A6C, #12061C)
• Gentle Pine color palette (#FFF1F6, #C37500, #008121, #00457A, #110001)
• Muted Ash color palette (#F5F4FB, #DED8DC, #B8B4AA, #C0A2C8, #4D4C57)

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