Tempered Pine color palette — #F5F8DB · #12871B · #005B6D · #00328F · #381624

Built around Olive Leaf, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Custard (#F5F8DB): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#12871B): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#005B6D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#00328F): A deep, shadowed, vivid violet — the color of a velvet chair.
• Onyx (#381624): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Frosted Emerald Bloom color palette (#F6F7E4, #489300, #006860, #004564, #3E2E00)
• Olive Terrace color palette (#FCF5E1, #777300, #00655B, #004353, #31182E)
• Powdered Aubergine Hollow color palette (#E1EDD6, #00624B, #004471, #2B0075, #21060B)
• Frosted Olive color palette (#FFF5D7, #8B9500, #327100, #004F58, #303A13)
• Wandering Ultramarine Grove color palette (#DDFEEF, #929200, #00817E, #2853AF, #341C32)
• Raspberry Dune color palette (#FFF1F3, #B52BAD, #005B65, #003D72, #2A1E42)
• Faded Archive color palette (#EAFAEC, #00747D, #4131D3, #620072, #361812)
• Weathered Bronze Alley color palette (#F9F5E9, #8F802D, #884D77, #753E3E, #36312C)

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