Tempered Field color palette — #E7EFF5 · #98A0AE · #76789C · #003C4F · #00050A
Built around Deep Teal, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Frost (#E7EFF5): a clean, paper-quiet neutral.
- Blue Fog (#98A0AE): A luminous, dusty violet — the color of wild irises.
- Slate (#76789C): A full-bodied, dusty violet — the color of wild irises.
- Deep Teal (#003C4F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Navy Corridor color palette (#DBE2EC, #898C9F, #6F6581, #002365, #000105)
- Denim Alley color palette (#E5F2EC, #DACADA, #B99CB0, #005477, #000402)
- Dusty Aubergine Orchard color palette (#DDDEE7, #B7AFC2, #A181A0, #522A7F, #090915)
- Timeworn Pewter Thicket color palette (#F0F1F8, #DFD2DD, #C0B1C2, #665A94, #1E2029)
- Softworn Ridge color palette (#EDF2F8, #D8D6DD, #C2ADB4, #6B869F, #32373C)
- Softworn Aubergine color palette (#D6F8F3, #2D6E99, #503478, #002709, #000D02)
- Tempered Pine Alley color palette (#DBF3E9, #33784C, #003F3B, #001F3B, #000401)
- Powdered Aubergine Market color palette (#CCE2FA, #009598, #006DB3, #78007B, #020013)
Browse the whole catalog at Explore, or see today's palette.