Tempered Forest color palette — #F9EFEC · #C9E4CF · #5E95B5 · #007047 · #3B2139

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

The five colors

• Cream (#F9EFEC): a clean, paper-quiet neutral.
• Celadon Mist (#C9E4CF): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5E95B5): A luminous, dusty blue — the color of open sky before noon.
• Pine (#007047): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#3B2139): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Dune color palette (#F6F1EC, #C9E3E5, #8B9BC3, #007B78, #492C3A)
• Airy Cerulean Harbor color palette (#FCEEEA, #B6DBBA, #008FBC, #006734, #012252)
• Antique Boulevard color palette (#FFEDEE, #B276A5, #299561, #007671, #321317)
• Antique Nightshade color palette (#F0E3D6, #558378, #2C2293, #001F21, #020006)
• Tempered Chapel color palette (#F1F7F2, #D6D6E5, #6CC9E6, #009784, #1F435C)
• Denim Pier color palette (#EFDED6, #5694A5, #004D7D, #002D21, #02001C)
• Hushed Petrol color palette (#F1E6E2, #95BFA4, #0071AC, #004D37, #0A1039)
• Hushed Archive color palette (#FFEDEF, #E2D7CB, #D0C691, #6C6FAB, #3E2524)

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