Worn Pine color palette — #FBF3F1 · #C3E8DD · #5CB2CE · #458D4D · #563E59

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Honeydew (#C3E8DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5CB2CE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#458D4D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#563E59): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Timeworn Lagoon color palette (#FAF4F0, #C4DFEB, #96B4DA, #399986, #66485A)
• Pine Cabin color palette (#FAF3F0, #BBDFC5, #489FD2, #008056, #2A395E)
• Olive Meadow color palette (#FFF0FD, #7FA4ED, #BE9029, #7F8616, #482D45)
• Iris Boulevard color palette (#FDF3E9, #BEDFFF, #8794E7, #008287, #4C2F69)
• Patina Turquoise color palette (#FEF0FF, #E9D9D8, #FDBBB6, #40ACB9, #5E4457)
• Aged Aqua color palette (#FAF4EB, #B8F9F6, #71CEDB, #69A78E, #30503F)
• Dusty Denim Pier color palette (#F7EBE1, #709E8E, #3551A3, #003C39, #0D0024)
• Gentle Petrol color palette (#EBDDD8, #59B1BA, #006F97, #004D2B, #000F39)

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