Washed Pine color palette — #FFF1F6 · #C18B56 · #378251 · #27587A · #463C5D

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Caramel (#C18B56): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#378251): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#27587A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#463C5D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Olive Ridge color palette (#FBF2FB, #CC7F83, #797418, #0F5F60, #38415F)
• Washed Chapel color palette (#ECF9F3, #999D5B, #008086, #524D79, #513951)
• Washed Amber color palette (#FDEDF3, #D2884B, #477898, #314E6C, #1A2642)
• Wandering Apricot Meadow color palette (#FFF2EC, #F3957B, #529A9C, #5C6594, #54384C)
• Ash Archive color palette (#FFF1F6, #AAC5B4, #759D94, #60707E, #495060)
• Quiet Moss color palette (#E8FAF5, #6F9742, #006E8A, #612F71, #522E17)
• Muted Bronze color palette (#E1FCE5, #CEBC79, #8D841B, #5D6726, #305950)
• Faded Delta color palette (#E5FCEA, #9D7700, #006A54, #003B86, #560A3F)

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