Tempered Pine color palette — #E6F1F0 · #CADCDC · #9DBFC2 · #418255 · #193332

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F1F0): a clean, paper-quiet neutral.
• Silver (#CADCDC): a clean, paper-quiet neutral.
• Ash (#9DBFC2): A luminous, dusty blue — the color of open sky before noon.
• Fern (#418255): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#193332): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Weathered Canyon color palette (#DAE6E7, #B3C9CD, #8FAAB2, #00715C, #0C2326)
• Emerald Boulevard color palette (#EEEFE9, #C9D7CF, #98C9BE, #61A55F, #2D301F)
• Nocturne Cypress color palette (#C9E8EC, #008571, #003C3A, #001A1E, #000606)
• Softworn Lagoon Archive color palette (#EEF7F9, #D4DBE3, #B8C1CC, #559E94, #3A4B4E)
• Patina Thicket color palette (#BDE9DD, #14AB7F, #007972, #16448C, #002C22)
• Ancient Cerulean Coast color palette (#CEECF4, #6EB7C4, #4D8BA6, #5F5881, #32304F)
• Feathered Mint Workshop color palette (#D9FCFF, #6BE38F, #00C09D, #009395, #002922)
• Hushed Abyss color palette (#E4EEF4, #96A7B5, #77889B, #004C65, #000B13)

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