Weathered Pine color palette — #F1DAE6 · #CD642B · #19780E · #004869 · #3A0034

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

The five colors

• Shell Pink (#F1DAE6): A whisper-light, dusty pink — the color of a candy shop window.
• Pumpkin (#CD642B): A luminous, balanced orange — the color of autumn markets.
• Olive (#19780E): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004869): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#3A0034): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Ancient Amber Terrace color palette (#FFECF4, #D77A27, #43833D, #005873, #3B194D)
• Gentle Ember Parlor color palette (#FFF2EA, #E96300, #2A7600, #003E55, #1A001E)
• Hushed Ember color palette (#F1D9EC, #D85549, #656900, #004D4E, #19134D)
• Bronze Coast color palette (#FFE7EF, #A36400, #006337, #003657, #240022)
• Muted Navy Parlor color palette (#D4E8D5, #B07B00, #00755C, #163697, #40001E)
• Wandering Brick color palette (#EBDBEB, #AA3F4B, #5B4200, #002B62, #42000E)
• Weathered Quarry color palette (#ECFAED, #CC9B45, #479176, #345E97, #552442)
• Weathered Navy color palette (#DEEBE1, #7D6200, #005149, #1D0075, #170004)

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