Washed Pine color palette — #F2F1D5 · #418650 · #00523C · #003335 · #000901

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

The five colors

• Cream (#F2F1D5): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#418650): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#003335): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Dusty Lantern color palette (#CAEBE2, #3A8E4E, #004834, #002022, #000200)
• Olive Ridge color palette (#E8DECD, #787A0D, #334F00, #003043, #060600)
• Weathered Emerald Alley color palette (#E5E3C9, #559558, #006243, #203566, #001502)
• Fern Pier color palette (#E7DFCC, #486736, #003426, #001A25, #020800)
• Weathered Denim color palette (#EBE4DA, #4D9FB3, #006082, #003C3A, #000A17)
• Washed Olive Ridge color palette (#F0E3D0, #AEA672, #6B7A2B, #225E6F, #2F2900)
• Linen Mint color palette (#ECEECF, #6BC08D, #008C72, #4E568B, #00381E)
• Airy Grape Grove color palette (#E0E0F0, #592DC8, #7E3400, #004935, #02000D)

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