Tempered Pine color palette — #F2F7EC · #88BDA7 · #C5819D · #008765 · #69413E

Fern and Dusty Rose set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Mint Leaf (#88BDA7): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#C5819D): A luminous, balanced rose — the color of a warm blush.
• Fern (#008765): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#69413E): A full-bodied, dusty orange — the color of toasted spice.

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

• Dusty Loft color palette (#EBFAF0, #7CBBCC, #C98091, #008098, #6B3E48)
• Timeworn Harbor color palette (#E6F5F6, #7CC4AB, #CC81A8, #31826A, #372B41)
• Blush Parlor color palette (#F2F7EC, #8FD5BC, #EB91B7, #429F83, #644341)
• Olive Veranda color palette (#F9F5E6, #BBB086, #AB89BE, #757900, #67404C)
• Washed Driftwood color palette (#F0F9E9, #63A893, #BC6E84, #A25A4A, #3C4633)
• Tempered Chestnut Coast color palette (#FBF4E7, #BCB9A0, #8B8056, #825119, #424E00)
• Quiet Petrol Chapel color palette (#E8FAF4, #71A5D0, #BB7653, #006BA7, #61351E)
• Raspberry Ridge color palette (#E7FCE8, #00A8AC, #D0446F, #006A6C, #6B0F31)

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