Dusty Pine color palette — #FFE9E3 · #A5545D · #277331 · #004B66 · #3C1C14

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

The five colors

• Rose Water (#FFE9E3): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#A5545D): A full-bodied, balanced red — the color of a theater curtain.
• Olive (#277331): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004B66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3C1C14): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Tempered Balcony color palette (#FFEDEA, #A65D74, #4A5C00, #003D67, #4E1029)
• Frosted Station color palette (#FBEBE1, #B05421, #00725C, #1F3B8C, #391F0C)
• Hushed Plum Studio color palette (#FFE8E8, #A34F7F, #785D00, #00513F, #3B1C1C)
• Timeworn Fern Terrace color palette (#FDF3E9, #8D5500, #2B5A00, #003954, #331712)
• Antique Harbor color palette (#FCF4E8, #9B7C3C, #468057, #005888, #36322C)
• Timeworn Boulevard color palette (#FAEDD9, #BB6D64, #725500, #263684, #352F2A)
• Timeworn Bronze color palette (#DEEEE0, #986C00, #007754, #004E4E, #041407)
• Aubergine Summit color palette (#DCE2C3, #03792C, #005D6E, #4F0075, #191D00)

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