Tempered Field color palette — #F4ECDD · #CD414C · #775200 · #003B6D · #0A0100

A conversation between Crimson and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Crimson (#CD414C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Coffee (#775200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003B6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#0A0100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Muted Plum color palette (#F3D8D2, #C33161, #416200, #003767, #030009)
• Chalky Navy Lagoon color palette (#F6E8D4, #B85D00, #5B5F00, #2D2886, #060300)
• Pale Raspberry Veranda color palette (#F9ECCB, #BC488F, #953900, #004154, #0C0002)
• Navy Field color palette (#FFE4EA, #A9795E, #736E33, #323C71, #1D0534)
• Lowlit Chestnut color palette (#F0E2C7, #964D00, #432D00, #001104, #020100)
• Muted Pier color palette (#EADDCD, #948B27, #477003, #603859, #070600)
• Hushed Meadow color palette (#FFEBD0, #D38300, #698C14, #4D389B, #1D1500)
• Aubergine Lagoon color palette (#F8E7D6, #A68400, #138639, #5B0F86, #0C0C00)

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