Tempered Field color palette — #FCF3ED · #C0E7D4 · #628EBC · #1A706D · #573E52

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Celadon Mist (#C0E7D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#628EBC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1A706D): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#573E52): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. 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 Veranda color palette (#F7F0EB, #C5E5D6, #728FB9, #006E61, #3D2132)
• Lagoon Parlor color palette (#DFFEEF, #E2D9E0, #CCB2D9, #43858A, #504351)
• Faded Market color palette (#FFF2EA, #86DCFA, #0085D0, #006760, #2C3E69)
• Softworn Lagoon color palette (#FCF2F7, #CAEAFF, #83A7D8, #258C7D, #3C4668)
• Azure Veranda color palette (#E3FCF1, #19ADE8, #BE7545, #1D6E92, #47413C)
• Washed Summit color palette (#FCF3EF, #C6EEE6, #79A48F, #4A7A66, #345149)
• Wandering Turquoise Orchard color palette (#A8EEE9, #00BDCE, #008BB0, #235A82, #443B5E)
• Cerulean Veranda color palette (#FCEBE3, #0090A4, #00425D, #00231C, #00081C)

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