Tempered Pine Drift color palette — #FBD6D6 · #BE911D · #197E2B · #51376E · #2B1740

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBD6D6): A whisper-light, dusty red — the color of embers at dusk.
• Mustard (#BE911D): A luminous, balanced gold — the color of honey in a jar.
• Olive (#197E2B): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#51376E): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#2B1740): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Pine Drift 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

• Hushed Olive Studio color palette (#F9E8EF, #CD8159, #717400, #50346C, #2E0A48)
• Feathered Garnet color palette (#FDE3DD, #A59B57, #188355, #731A45, #3C0F24)
• Mustard Garden color palette (#F3E8DC, #BAA016, #4C7739, #1F4E87, #3E376C)
• Mustard Alley color palette (#FAD9D3, #D2A900, #5A976F, #695B92, #402F66)
• Timeworn Market color palette (#F0E4CA, #6DA83E, #006C51, #56295C, #0A1B00)
• Quiet Moss color palette (#FFF3E4, #CAC585, #69A834, #2663AA, #2D2863)
• Timeworn Pine Hollow color palette (#EDE5D4, #588656, #005C63, #451B1C, #2E0005)
• Washed Terrace color palette (#FFEEE4, #D2C0A4, #8D9972, #725B61, #4C353B)

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