Tempered Pine color palette — #F8F3F8 · #B3DCEC · #4C9FCB · #00814F · #293A5A

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

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Powder Blue (#B3DCEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#4C9FCB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00814F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#293A5A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Archive color palette (#FAF3F7, #D3DDF4, #84A7D4, #008E7B, #3D4664)
• Dusty Corridor color palette (#F8EAF1, #9ACCE7, #5E86C9, #006D63, #2E225B)
• Worn Cerulean color palette (#FAF4EB, #B1CDB6, #0086A0, #006153, #134434)
• Weathered Pine Bloom color palette (#DBF5F3, #67BD88, #B57BC8, #00884D, #4A2057)
• Linen Cobalt color palette (#E6DCE3, #7DBDCD, #007BBE, #005C43, #11174D)
• Orchid Pier color palette (#C8ECF3, #1AAC9D, #9676C9, #9E4FBB, #00332E)
• Softworn Moss color palette (#E0FCF8, #B7E8F6, #98C5EF, #978F1E, #1C494E)
• Sunlit Ultramarine Meadow color palette (#F5E6EC, #7DA8C2, #2C5BD0, #004A46, #19003D)

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