Tempered Field color palette — #FCF1FB · #DDBF91 · #5371A8 · #2E4267 · #281E27

Built around Slate, softened by Sand — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sand (#DDBF91): A luminous, dusty gold — the color of old brass.
• Slate (#5371A8): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2E4267): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#281E27): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Patina Study color palette (#EDF8F2, #EBB6A7, #3A7B90, #004A5D, #15261D)
• Aged Driftwood Drift color palette (#FBF2F7, #D6D3B0, #7C77A4, #654054, #33272E)
• Cobalt Coast color palette (#EFF6FF, #FFE0B4, #5775B1, #2A394F, #0B1017)
• Soft Garden color palette (#FFF1F5, #9ECA87, #7E51A1, #4A2764, #2F0C1B)
• Denim Atelier color palette (#EFF6FF, #7AC09F, #2B508C, #182D50, #1B222B)
• Weathered Coast color palette (#FDF1FC, #98EAC1, #7296CD, #705B6F, #271E27)
• Worn Dune color palette (#FAF2F9, #A8C4FC, #CC6F7E, #4679EA, #341D17)
• Aged Pine color palette (#FFF1F6, #A486C8, #B85A51, #2F752C, #362235)

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