Tempered Field color palette — #ECF4F1 · #9FD0BF · #A67085 · #42789C · #201110
Built around Slate, softened by Mocha — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Pistachio (#9FD0BF): A luminous, dusty teal — the color of glacier melt.
- Mocha (#A67085): A luminous, dusty rose — the color of strawberry cream.
- Slate (#42789C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#201110): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Timeworn Basin color palette (#F6EFF5, #ADC2F7, #A27950, #5A6FA8, #1E1308)
- Washed Field color palette (#F9F3F8, #AAC1E8, #996B94, #3C6ABC, #39292B)
- Muted Azure color palette (#F0F6FB, #B6D5F1, #C7888A, #2695D6, #342A34)
- Hushed Bloom color palette (#EFF5E2, #89B0D6, #906893, #365C43, #372632)
- Misty Garnet color palette (#D3FDEB, #ABBAE5, #957AAE, #774264, #550C19)
- Antique Loft color palette (#FEEDED, #AF7496, #915C63, #67411E, #0A1D16)
- Antique Grape color palette (#F9EEF2, #C3A2E7, #956D20, #784CA0, #160C01)
- Feathered Nightshade Orchard color palette (#EFDFEC, #6B8AD8, #7A4800, #1B36A4, #040200)
Browse the whole catalog at Explore, or see today's palette.