Tempered Pine color palette — #E8F3E8 · #007D28 · #006373 · #583D00 · #000200

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F3E8): bright and airy, almost weightless.
• Olive (#007D28): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#006373): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Olive Archive color palette (#E0E2CF, #686D00, #006759, #6E2C00, #010100)
• Dusty Ultramarine Field color palette (#D7EAE9, #007774, #0051B7, #354B00, #000201)
• Worn Denim color palette (#D1E4DE, #006352, #004B72, #353400, #000201)
• Wandering Lapis Orchard color palette (#C0E8FF, #0087A9, #6C50C9, #00653C, #000203)
• Airy Emerald Study color palette (#DEF7E0, #29AE53, #005C26, #001703, #000200)
• Lowlit Aubergine Parlor color palette (#E5F2D4, #3B5200, #510092, #5A002E, #010100)
• Fern Delta color palette (#CEFBD6, #72DFB0, #00B4A1, #296000, #000802)
• Hushed Cornflower Quarry color palette (#E5F9FF, #00A7A5, #437FE0, #547800, #001010)

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