Tempered Pine color palette — #FDF3ED · #C5DCC3 · #52A2B4 · #237F4F · #03405B

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#C5DCC3): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#52A2B4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#237F4F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#03405B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Periwinkle Study color palette (#FAF4EE, #B2E0CD, #6E98CE, #007B7E, #32375A)
• Tempered Quarry color palette (#FBF2F8, #CADEF6, #00BAD6, #0F844D, #01334A)
• Worn Quarry color palette (#F6F6ED, #CFE8CD, #22C9D1, #1BA18C, #00434B)
• Antique Teal color palette (#C9E9D1, #39C19E, #009691, #006D7B, #00465D)
• Washed Denim color palette (#FAE7DE, #50A1A4, #006278, #003E27, #000A15)
• Muted Summit color palette (#E3FEE1, #CCECFF, #B4BDEB, #509C80, #2D4C39)
• Antique Study color palette (#E0F9FF, #59CAD6, #00929F, #005C66, #00272F)
• Linen Petrol color palette (#F4E3D9, #66ACC8, #046AAE, #004A47, #050841)

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