Tempered Pine color palette — #FAF3F9 · #C6E1ED · #5E91B1 · #00754D · #354867

Pine takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Powder Blue (#C6E1ED): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5E91B1): A luminous, dusty blue — the color of deep harbor water.
• Pine (#00754D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#354867): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Hushed Cobalt Villa color palette (#FCF2F8, #AFC9D8, #447BB5, #006150, #333561)
• Turquoise Chapel color palette (#F1F7F2, #CDDFF5, #3EB4D7, #008E7E, #2C4B62)
• Cerulean Ridge color palette (#F5F1EB, #C4E7CB, #1D9CBD, #006E61, #143329)
• Spruce Pier color palette (#E5DDE6, #468E8B, #004453, #012503, #000A18)
• Weathered Lagoon color palette (#F6F3FF, #AC71A7, #009168, #007173, #3B3250)
• Dusty Denim color palette (#F3E2EE, #6498A8, #004C81, #003125, #0D0541)
• Cobalt Boulevard color palette (#F5F3FF, #F2D5DD, #E3BE94, #6971AF, #5A4861)
• Mulberry Hollow color palette (#F5F3FF, #BC8BC3, #489D71, #8C4297, #124F33)

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