Tempered Pine color palette — #FBF2FA · #A87271 · #1E7953 · #00517C · #383546

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Mocha (#A87271): A luminous, dusty orange — the color of autumn markets.
• Teal (#1E7953): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00517C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#383546): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Worn Denim Lagoon color palette (#FEF1F7, #BC8B71, #537C52, #005A82, #463B5E)
• Fern Delta color palette (#F7F3FF, #AD7BA9, #606B22, #005A56, #2D3443)
• Antique Alley color palette (#F0F8EF, #A8865A, #017A86, #514685, #3B303D)
• Coral Basin color palette (#F6EFF7, #C7747F, #587A36, #3D4E84, #221923)
• Tempered Navy Dune color palette (#FFF0F9, #AC4B00, #006155, #002C8D, #3E0F2E)
• Dusty Driftwood color palette (#F9F3F7, #DFD7D7, #A5B0B7, #A97263, #594F56)
• Wandering Emerald Ridge color palette (#FDF2F1, #D3869F, #589D53, #675D8F, #44312F)
• Muted Grove color palette (#FEECF3, #A4703D, #2E4234, #332429, #1A1314)

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