Tempered Pine Garden color palette — #FFF2EF · #ABE8E7 · #00ACD5 · #008930 · #18416B

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sea Foam (#ABE8E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ACD5): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#008930): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#18416B): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Cypress Parlor color palette (#FBF3F0, #C1DCCB, #5F9BCD, #007F61, #30385C)
• Feathered Aqua color palette (#FBF4E9, #86FBF7, #00CDE1, #1CA980, #004759)
• Cerulean Ridge color palette (#EEF8F0, #89E0DC, #00909E, #00694D, #004759)
• Frosted Mint Balcony color palette (#D9E3D7, #42CF8D, #00A49B, #006A78, #004A6F)
• Softworn Courtyard color palette (#FAF3F0, #C3E0E8, #8CB8D4, #599577, #634860)
• Weathered Courtyard color palette (#E8FCE7, #DBE2F5, #C7C2FF, #45A353, #004F63)
• Powdered Balcony color palette (#E4FAFF, #42D3E7, #009CAE, #006372, #002C34)
• Dusty Cobalt Basin color palette (#F3E5DD, #7EBBD4, #2B75C7, #005B4D, #1B0D54)

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