Tempered Pine color palette — #C7EFFA · #008260 · #6D6300 · #080D04 · #000201

Teal takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#C7EFFA): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#008260): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#6D6300): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#080D04): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, 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

• Velvet Alley color palette (#F7DCCD, #006F5A, #4A5A00, #050C06, #000201)
• Worn Station color palette (#F6E4EB, #4C7F00, #8A5200, #0C0A02, #040001)
• Eclipse Ridge color palette (#DAE6D4, #197C34, #004827, #001910, #000201)
• Hushed Bronze Thicket color palette (#E4E7FE, #0094A5, #9B6500, #100F04, #030100)
• Muted Pier color palette (#D0EAF0, #00A363, #917D00, #181300, #030200)
• Washed Bronze Lagoon color palette (#DFEFE3, #826200, #2F373C, #281C00, #040200)
• Wandering Balcony color palette (#DFEEEA, #93A4A1, #618480, #2B3D00, #000604)
• Worn Emerald Workshop color palette (#DCE7FF, #00A7C0, #00A059, #001C0B, #000606)

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