Weathered Forest color palette — #F8EEF9 · #AB5D6C · #206E38 · #004257 · #111022

Built around Pine, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#F8EEF9): bright and airy, almost weightless.
• Mocha (#AB5D6C): A full-bodied, balanced red — the color of late-summer berries.
• Pine (#206E38): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#111022): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Amber Pier color palette (#FAEEF6, #C87357, #527023, #004958, #271239)
• Aged Raspberry color palette (#F3EFFE, #A35FA1, #6D661A, #004E46, #091223)
• Antique Navy Lantern color palette (#FDEDF3, #AE7141, #00686A, #33387A, #190B1F)
• Worn Bronze Cabin color palette (#FEF3EC, #A86342, #6E5100, #00475D, #382419)
• Pale Brick Archive color palette (#F6DCEF, #BF080F, #005043, #002D4F, #0D000A)
• Tempered Cabin color palette (#FFF0F8, #E79E7D, #A0762B, #005E79, #291625)
• Airy Aubergine Boulevard color palette (#E5F7E9, #866B00, #005269, #481A6B, #170513)
• Weathered Bronze Pier color palette (#FAEAF2, #B15A0F, #243626, #201018, #090508)

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