Softworn Pine color palette — #EDF2FF · #7572BA · #00774A · #004A50 · #071625

Built around Pine, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF2FF): bright and airy, almost weightless.
• Slate (#7572BA): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#00774A): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#071625): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Aged Pewter Harbor color palette (#F1F0FE, #8B62A0, #006768, #004A6D, #0A0F21)
• Worn Courtyard color palette (#EAF3FC, #4788C0, #4F6311, #004C36, #001822)
• Timeworn Quarry color palette (#FFF1F4, #975DA8, #4B6B00, #00436C, #371F25)
• Antique Pine Thicket color palette (#FDF1F8, #7F8AE3, #00915C, #006B71, #12322A)
• Patina Bronze color palette (#FBF2FA, #DD9290, #92832A, #006572, #241830)
• Wandering Nightshade color palette (#F7EEFF, #BB438D, #005C74, #19009D, #1A0124)
• Muted Amber Terrace color palette (#E8F6EB, #A9883E, #4E7033, #004C43, #00222F)
• Weathered Terrace color palette (#ECE9FF, #9C21B9, #005152, #002C46, #05001C)

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