Tempered Pine color palette — #FAEAE7 · #007843 · #004159 · #3F0017 · #000706

Pine and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FAEAE7): bright and airy, almost weightless.
• Pine (#007843): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004159): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#3F0017): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Lowlit Navy Quarry color palette (#FDD9D2, #006452, #002F58, #2D0200, #000202)
• Onyx Hollow color palette (#FFE8E0, #6B6800, #00463F, #330040, #010700)
• Softworn Drift color palette (#F4E1D4, #007378, #2D268D, #321600, #00060B)
• Muted Lagoon color palette (#E7E5CE, #008E63, #004E50, #232F08, #050A00)
• Aged Loft color palette (#E4E4CD, #007767, #00464A, #151461, #001B19)
• Hazy Lagoon Boulevard color palette (#D2FADA, #00A17E, #00606C, #4D063D, #000504)
• Aubergine Alley color palette (#DCE2CF, #006A36, #5A0060, #390005, #0D0000)
• Patina Boulevard color palette (#F6E4DE, #009867, #006278, #6B022A, #001B18)

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