Tempered Pine color palette — #FFEBF7 · #A8A8F7 · #D47463 · #00864C · #23215C

Fern and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFEBF7): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#A8A8F7): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#D47463): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#00864C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#23215C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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 Amber Hollow color palette (#FFF1F7, #C3B2F3, #CB9256, #008F91, #382F5E)
• Olive Workshop color palette (#FEEDF0, #D29ADC, #C275AB, #6E7700, #002C53)
• Ancient Olive color palette (#FFECF2, #C59CF2, #B68C26, #378423, #003235)
• Pine Courtyard color palette (#FDEEE8, #EC988D, #C28521, #2D8433, #271F5D)
• Wandering Peony color palette (#E5F7EF, #67BDE8, #C871A8, #7B7200, #003140)
• Pale Lilac Drift color palette (#F0F0FF, #AA7FD2, #A8516F, #005A6A, #16255E)
• Dusty Rust Corridor color palette (#F8DBEB, #8980E2, #B84E00, #006046, #0C0041)
• Weathered Lagoon color palette (#FFEAF8, #DAB9C1, #CDA19B, #4F917D, #105266)

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