Tempered Pine Harbor color palette — #E7F5F4 · #8FC293 · #66A3D4 · #41834A · #1E3346

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

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Mint Leaf (#8FC293): A luminous, balanced green — the color of fresh herbs.
• Cornflower (#66A3D4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#41834A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#1E3346): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Pine Harbor 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

• Tempered Cerulean color palette (#DDF8F7, #64AF84, #389ABA, #8A773C, #132C2C)
• Amber Loft color palette (#E4F6F6, #8AC2A3, #CD8C52, #39825E, #452533)
• Aged Studio color palette (#F4F8E4, #84C18A, #AF88BA, #537F57, #61444B)
• Muted Hollow color palette (#F3F8E4, #96D7A0, #7BB8EA, #679B6E, #35544C)
• Dusty Cypress color palette (#E9F4F6, #9CD0BF, #007260, #09383D, #0D1617)
• Olive Ridge color palette (#E9F5EF, #B9B776, #D0838E, #787525, #3C293F)
• Softworn Chapel color palette (#E3F5FF, #2BB5D4, #AE6ECF, #007086, #321D3E)
• Driftwood Atelier color palette (#E9F6E9, #A5C5AA, #9B7D54, #6F4C5A, #213026)

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