Tempered Pine color palette — #FFF2EF · #FFDABA · #B1A454 · #3D772F · #00362C

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Peach Cream (#FFDABA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B1A454): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3D772F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00362C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Antique Hollow color palette (#FFF1F4, #FFCEC3, #C99B63, #726C0F, #00410F)
• Hushed Lagoon color palette (#FFF3E7, #BBEED3, #9FC190, #31866B, #004448)
• Patina Moss color palette (#FFEAD4, #E3CC8F, #B1B156, #738F00, #084908)
• Lime Loft color palette (#FFF0BF, #96C467, #00906F, #004C4E, #001526)
• Amber Alley color palette (#F3D8CB, #BA7A00, #5C5900, #002804, #000201)
• Hushed Chapel color palette (#FBF5E6, #B19F2D, #444C00, #231E12, #090401)
• Clover Harbor color palette (#DDE8C7, #4EBC69, #00746C, #003445, #00020B)
• Frosted Jade Courtyard color palette (#FFF4E0, #C2EA71, #29B267, #006B69, #002B38)

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