Tempered Pine color palette — #E8F9F8 · #8BBE9C · #B687AD · #00894D · #514766

Fern and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F9F8): a clean, paper-quiet neutral.
• Mint Leaf (#8BBE9C): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#B687AD): A luminous, dusty pink — the color of peonies in June.
• Fern (#00894D): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#514766): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Ancient Cypress Balcony color palette (#EAF8FB, #7EBEB7, #C38494, #00847C, #6A3E4A)
• Lilac Garden color palette (#E8F5F6, #7CC4AF, #B389C9, #18846D, #302D47)
• Hushed Olive color palette (#ECF9F2, #B4B382, #9290D1, #7B7600, #424C6B)
• Lagoon Corridor color palette (#F2F7EC, #93D4BB, #CF9CD9, #3CA180, #64424A)
• Hushed Bronze color palette (#E5FAFA, #66A888, #8284B7, #A96043, #2B4849)
• Tempered Driftwood Field color palette (#EEF8F0, #A5C0AF, #937D53, #78505F, #354E44)
• Amber Field color palette (#EAF7FF, #67AAC0, #BD7456, #00718B, #613523)
• Antique Lagoon color palette (#DAFDFF, #A1D3BD, #4B9378, #005E4C, #004032)

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