Tempered Forest color palette — #EBF8F8 · #88BD9B · #566AAE · #007242 · #1A2436

Built around Pine, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Mint Leaf (#88BD9B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#566AAE): A full-bodied, balanced violet — the color of wild irises.
• Pine (#007242): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1A2436): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Tempered Forest 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

• Wandering Loft color palette (#EFF3ED, #79C4B0, #0080AB, #007661, #03120C)
• Antique Balcony color palette (#F0F7F3, #B3B27C, #007C92, #666300, #112731)
• Weathered Plum Drift color palette (#EFF7F8, #69C1B3, #9B5182, #006F64, #272031)
• Azure Study color palette (#EBF8FA, #6DDCC0, #009ADC, #00967C, #152633)
• Ancient Petrol color palette (#E8FBE7, #6CA784, #09739D, #6B4500, #1D434B)
• Misty Denim color palette (#E9F8FD, #2B8C8E, #47559F, #702F00, #072E37)
• Misty Mulberry color palette (#ECF7FF, #53A4CC, #8F3A6A, #005777, #1F1228)
• Weathered Pier color palette (#D1FFD7, #6FBFB7, #0083A5, #004A9B, #3E2680)

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