Softworn Pine color palette — #FAF4F0 · #CEE4DD · #7CA48A · #417D59 · #2F5346

Teal takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CEE4DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7CA48A): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#417D59): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#2F5346): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Cypress Garden color palette (#FCF3EE, #CEE3CF, #3B97B1, #0E744E, #285145)
• Cypress Grove color palette (#FAF4F0, #CAE8E7, #75A597, #008078, #63485F)
• Hushed Study color palette (#F5F6EF, #CAE7DD, #61C3C7, #4B9685, #445949)
• Worn Forest Ridge color palette (#FFF4E0, #B7BA84, #758B46, #31703C, #51544D)
• Forest Boulevard color palette (#F3F9DF, #ABD7B7, #5F8D62, #145C2B, #1D4226)
• Tempered Olive color palette (#F7F6E9, #A5B88C, #BA84B0, #5F7F23, #61405B)
• Plum Corridor color palette (#F2F8E6, #6BA784, #8782B6, #A45888, #41433C)
• Lagoon Lagoon color palette (#F8EBE5, #418E95, #004357, #002318, #000A17)

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