Tempered Field color palette — #E4F2F0 · #6EC5DB · #00728F · #003D41 · #000306

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

The five colors

• Cream (#E4F2F0): bright and airy, almost weightless.
• Sky (#6EC5DB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00728F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000306): quiet, heavy and certain.

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

• Sapphire Market color palette (#E2F2F1, #83BDF0, #0065C3, #003A52, #000112)
• Cobalt Boulevard color palette (#EAF9F7, #97D5F6, #0083BF, #004F5F, #000D1D)
• Tempered Cerulean color palette (#ECE0CE, #3D98AB, #00516B, #002C29, #00050C)
• Turquoise Harbor color palette (#C2F7FC, #62DFD5, #00BBC8, #00633C, #000604)
• Aged Cobalt Cabin color palette (#F2E6EE, #4FC1D8, #008EC4, #006F5D, #001231)
• Patina Cypress Grove color palette (#CAEEEF, #007A57, #006182, #4E4300, #000201)
• Teal Orchard color palette (#D4F2E7, #00AB8C, #006550, #001C13, #000201)
• Hushed Azure color palette (#E1FCF9, #CEDDF2, #00A7E3, #007080, #002740)

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