Dusty Pine color palette — #FDF4E3 · #8FB064 · #007D55 · #6C434E · #3B3B34

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#8FB064): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007D55): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#6C434E): A full-bodied, dusty red — the color of late-summer berries.
• Charcoal (#3B3B34): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Soft Olive Courtyard color palette (#FFF3E7, #B2A546, #457921, #69492C, #423B0C)
• Soft Jade color palette (#FAF7D9, #39BD87, #00797A, #6F3E5D, #12452F)
• Emerald Studio color palette (#EDE4CC, #639C5C, #006453, #50314C, #292B11)
• Moss Veranda color palette (#FCF5E0, #B4C380, #709344, #876032, #373F14)
• Amethyst Market color palette (#FEF6D1, #A3AC25, #7C53C8, #5C6200, #402E64)
• Pale Lime Hollow color palette (#E6FFC9, #8DB800, #4C7900, #334300, #1C2D00)
• Softworn Pier color palette (#FFE4CC, #C89600, #7D7800, #386300, #05522F)
• Faded Byzantium color palette (#EFEFBF, #888400, #A13CBE, #7F4292, #343200)

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