Tempered Forest color palette — #E9F9FB · #C3AB79 · #005F52 · #00353B · #131D24

Pine takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#E9F9FB): bright and airy, almost weightless.
• Camel (#C3AB79): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#005F52): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#00353B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#131D24): quiet, heavy and certain.

Feels like: 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

• Apricot Archive color palette (#E5F5FB, #ED9A90, #00616A, #0B2C36, #010F14)
• Muted Boulevard color palette (#ECF7FC, #A6CBAD, #116978, #213D49, #20252C)
• Worn Marigold color palette (#ECF7FF, #CB9900, #004F6E, #002A3D, #0E1224)
• Worn Shell Courtyard color palette (#EAFAED, #FCACA5, #218088, #2B4B32, #1A251C)
• Hushed Cobalt Pier color palette (#ECF8FB, #51C3C0, #2B70BD, #006E6C, #1B2531)
• Fern Terrace color palette (#F1F8EC, #D1DCAA, #5AA68D, #516E30, #1D2515)
• Amber Summit color palette (#CFE0F1, #AB8630, #00395D, #00172B, #040411)
• Hushed Petrol Lantern color palette (#EFF6FA, #D7DAE3, #BDBED1, #338090, #3F4A4F)

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