Tempered Field color palette — #EAF1DE · #5590C0 · #00498B · #00293A · #000316

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EAF1DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#5590C0): A luminous, balanced blue — the color of deep harbor water.
• Navy (#00498B): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#00293A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000316): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Aged Lagoon color palette (#EEEFDC, #2E9BA2, #00535E, #002C29, #000508)
• Nightshade Boulevard color palette (#ECDFE3, #6A94B7, #1739AC, #002F35, #15013F)
• Washed Ultramarine Cabin color palette (#DDF4F3, #75A7D1, #0066BB, #00465F, #000F38)
• Cobalt Cabin color palette (#F1F3E9, #A1D9F3, #068DC7, #006070, #002743)
• Patina Ultramarine Alley color palette (#F6ECE2, #82BEEC, #355FC4, #003D43, #030011)
• Patina Aqua Canyon color palette (#F3F4DE, #60CFD0, #00818B, #005249, #001E24)
• Washed Grove color palette (#F2F3EB, #C3E5DE, #83A68F, #327875, #1E3E2E)
• Quiet Nightshade Field color palette (#FFE0DA, #A8004D, #1D2CBD, #520022, #000016)

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