Tempered Field color palette — #E4E6D5 · #22735A · #004864 · #371200 · #1E0700

Built around Pine, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Parchment (#E4E6D5): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#22735A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004864): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#371200): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1E0700): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Softworn Onyx color palette (#F2EBDF, #656337, #004932, #410100, #1E1300)
• Lowlit Cypress Delta color palette (#DAF7E7, #006665, #003A52, #2D0823, #090000)
• Garnet Veranda color palette (#E2EBD7, #2D8D8A, #006083, #540F3A, #250701)
• Timeworn Denim Grove color palette (#DBEEE9, #418073, #0B4E73, #372E00, #002114)
• Twilit Boulevard color palette (#EDE8D0, #296C43, #00332F, #161900, #000802)
• Ancient Garnet Cabin color palette (#DDF3E4, #005C69, #731800, #00252C, #120100)
• Hushed Lagoon color palette (#D7F1FE, #007595, #002F3F, #2B201F, #000D14)
• Weathered Onyx color palette (#EADCD6, #3F8D9B, #004162, #002416, #02002F)

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