Weathered Pine color palette — #FAF4F0 · #C4E7DC · #5CB3C7 · #1B915A · #235243

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C4E7DC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5CB3C7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#1B915A): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#235243): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Wandering Lagoon Canyon color palette (#FBF3F0, #C8E3DF, #62AFD5, #268D75, #573D59)
• Wandering Teal Summit color palette (#F6F6ED, #BFEEFF, #82CCD0, #59A998, #354F3C)
• Lagoon Canyon color palette (#EFF7F5, #B8E5F1, #009DA5, #007263, #284D5C)
• Weathered Terrace color palette (#F0E5E0, #5BB1B9, #007190, #004C38, #001529)
• Ancient Teal color palette (#E8F0C4, #80D1B2, #00ADA6, #007C89, #10536C)
• Patina Coral Quarry color palette (#EFF8ED, #72CABF, #E88767, #009489, #663220)
• Tempered Cerulean color palette (#F9EBE5, #B0CDB2, #1295B4, #006F4B, #00314E)
• Chalky Meadow color palette (#F2E7DF, #6899B7, #0052B4, #003B3E, #07002B)

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