Tempered Pine color palette — #F3EFE1 · #98A871 · #31805E · #394869 · #210731

Built around Teal, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EFE1): a clean, paper-quiet neutral.
• Sage (#98A871): A luminous, dusty green — the color of fresh herbs.
• Teal (#31805E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#394869): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#210731): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Onyx Canyon color palette (#DFE6D4, #7FAF8D, #3C8683, #543D6A, #340425)
• Marigold Dune color palette (#F2DED5, #CCA161, #54826F, #1B4359, #031035)
• Tempered Driftwood Canyon color palette (#E7EBC9, #729E70, #206F66, #392C51, #20001F)
• Patina Onyx color palette (#CFE9D0, #509185, #00586A, #300433, #040001)
• Dusty Jade color palette (#DAFFF5, #71B481, #007156, #56320D, #000B02)
• Worn Meadow color palette (#F4DED2, #8D7C52, #10613A, #411B34, #230407)
• Cerulean Orchard color palette (#ECF9EF, #92DBDD, #00899E, #005342, #000F17)
• Worn Onyx color palette (#DAFFF0, #86CED3, #6987A0, #5F4F6E, #461513)

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