Tempered Forest color palette — #E7FAF8 · #F0A880 · #0F612E · #001F09 · #000201

Pine and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Melon (#F0A880): A luminous, balanced orange — the color of toasted spice.
• Pine (#0F612E): A full-bodied, balanced teal — the color of sea glass.
• Ink (#001F09): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Blush Atelier color palette (#E9F8FE, #F59FAA, #005C63, #001D1F, #000102)
• Hushed Pine color palette (#E6FAFA, #FEBFA8, #007650, #00311E, #000505)
• Patina Summit color palette (#E9FAEE, #D9B575, #634E00, #201700, #000200)
• Olive Parlor color palette (#DEE0CD, #DDB14E, #408E1B, #325226, #0C0C00)
• Coral Quarry color palette (#DDF3F6, #E3846F, #00473A, #242229, #000A07)
• Amber Meadow color palette (#D4EDE8, #B28600, #174400, #041700, #000202)
• Lagoon Pier color palette (#E9F9FC, #FFDCD8, #328580, #00423F, #031216)
• Hushed Drift color palette (#E8FAF4, #A8C96E, #7161D3, #526F00, #010009)

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