Tempered Pine color palette — #FFF2EF · #E699AC · #BB985A · #008766 · #371C18

Fern takes the lead with Ballet Pink close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#E699AC): A luminous, balanced red — the color of a theater curtain.
• Camel (#BB985A): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#008766): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#371C18): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: 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

• Aged Meadow color palette (#FFF1F3, #D999D6, #96A853, #00828E, #351C21)
• Aged Coast color palette (#FFF2EF, #E094A0, #A58127, #006F70, #291319)
• Muted Garden color palette (#FFF1F2, #DC98D1, #CD8A7A, #657D21, #341D20)
• Mustard Balcony color palette (#FBF1FC, #FC98A5, #C9AA46, #839A5A, #3C2D3D)
• Mallow Basin color palette (#FBF5E4, #F2B5E4, #C37D6E, #006E88, #482724)
• Misty Parlor color palette (#FFF1F5, #D2A7EB, #AD8043, #006A68, #2E214E)
• Hazy Grove color palette (#FFF3E6, #E78E00, #7FA100, #007389, #2A1600)
• Antique Lagoon color palette (#FFF2EB, #F6520E, #977B00, #006359, #1E0400)

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