Tempered Pine color palette — #FFF2EF · #C2DDC2 · #4EA1BF · #008230 · #1B3C5F

A conversation between Olive and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Celadon Mist (#C2DDC2): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#4EA1BF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#008230): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1B3C5F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Antique Market color palette (#FAF4F0, #B9DECC, #6498D7, #007E6C, #36365B)
• Worn Aqua color palette (#FAF4EB, #CAEBC7, #51C4D3, #529D80, #1F4332)
• Cobalt Garden color palette (#EFE1DC, #74C0C7, #007FAC, #005D35, #001952)
• Aged Lagoon color palette (#F9F4EF, #CCE6EA, #A4AFDA, #459597, #674854)
• Cornflower Market color palette (#FFF3E9, #98D3F9, #5383FF, #00736E, #391D6C)
• Timeworn Pier color palette (#F0E7D2, #A1B68D, #8B8242, #7F4E07, #0F3925)
• Denim Station color palette (#F5EAE7, #629EA0, #00617E, #003F1A, #00091C)
• Hazy Field color palette (#FFDADE, #BE79B7, #649B3E, #008560, #421F25)

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