Tempered Pine color palette — #FBF2FA · #F5ABAA · #C47F7B · #008464 · #262235

Built around Teal, softened by Rose Quartz — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rose Quartz (#F5ABAA): A luminous, balanced orange — the color of sun-warmed clay.
• Dusty Rose (#C47F7B): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#008464): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#262235): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged jewel, vibrant, 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

• Weathered Petrol color palette (#F8F3FB, #E0A2B4, #AC8155, #007681, #2B212E)
• Hushed Olive Field color palette (#F6F3FE, #D4A6D5, #B982AD, #5C7827, #1E2537)
• Petrol Canyon color palette (#E5FBF5, #E3D4FF, #C89293, #367E8D, #413B51)
• Denim Canyon color palette (#FFF0F9, #E99773, #7A8221, #1D589A, #220F1B)
• Wandering Chapel color palette (#FDF2F4, #DAB0E5, #B4A84B, #3E9889, #3D2F3B)
• Washed Stone color palette (#F9F2FB, #D89AA9, #644C59, #322636, #100E15)
• Aged Driftwood Loft color palette (#FFF2F0, #B36686, #737128, #515023, #23362F)
• Ancient Lilac Workshop color palette (#F2F0FD, #B17DBC, #766D2B, #165A4B, #131D29)

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