Tempered Field color palette — #EBF8F6 · #A4E9ED · #00AFC2 · #00837B · #004856

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Sea Foam (#A4E9ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00AFC2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00837B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Antique Dune color palette (#D3E3DF, #6CAFAF, #00747D, #004B43, #00181D)
• Tempered Azure Coast color palette (#EDF8F7, #B2E3FF, #0BA4F6, #007E9A, #14426C)
• Tempered Dune color palette (#FBF2F9, #9BDBDF, #008DAF, #006A4A, #03436B)
• Worn Cerulean color palette (#EFF7F6, #D4DDED, #83BAD2, #39959F, #3D5668)
• Faded Orchard color palette (#FFF2EC, #91F8FF, #40C7F2, #3CA67F, #134367)
• Airy Magenta Alley color palette (#DDEDFF, #489FF8, #BF60DC, #009186, #0E3155)
• Tempered Cobalt Dune color palette (#D6E2E1, #8BB8D3, #007BBD, #00566A, #00203F)
• Sapphire Lagoon color palette (#EFF6FF, #7DAEFF, #00B783, #0F6DF5, #004630)

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