Weathered Pine color palette — #FBDBD9 · #008B55 · #786100 · #0A0D05 · #000201

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

The five colors

• Shell Pink (#FBDBD9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Fern (#008B55): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#786100): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0A0D05): a grounded near-black with real depth.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Weathered Olive color palette (#D6E1EB, #008683, #407400, #021009, #000202)
• Timeworn Grove color palette (#EAD8E9, #707D00, #A14300, #0F0801, #050003)
• Midnight Fern Terrace color palette (#E4EDDE, #136F0F, #00381A, #00140B, #000303)
• Deep Cocoa Veranda color palette (#EEDCF3, #006A79, #803C00, #0C0D05, #040002)
• Hazy Moss Pier color palette (#F4D9C6, #00A89D, #619200, #011C0F, #000A07)
• Dusty Quarry color palette (#E1EFEB, #8A9F9B, #467B77, #223100, #000D09)
• Chestnut Thicket color palette (#DDF1E1, #785900, #252732, #1C1300, #040200)
• Antique Market color palette (#F6E3F4, #008B92, #C62E00, #170900, #050100)

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