Tempered Field color palette — #FFF1F2 · #E2EEA8 · #9E5D89 · #522B2E · #180B0C

Built around Slate, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Celadon Mist (#E2EEA8): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#9E5D89): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#522B2E): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#180B0C): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Weathered Indigo Cabin color palette (#FFF1F7, #CAF3C2, #7B68B1, #3B3155, #150C11)
• Weathered Quarry color palette (#FBF3F1, #C6E2CD, #B47073, #5A3F36, #241814)
• Washed Sand color palette (#FAF2FC, #FFC89F, #BD828D, #725977, #251F27)
• Airy Rust Station color palette (#FFF2EB, #F4D850, #B43F00, #531800, #110400)
• Tempered Grove color palette (#F3EFFD, #92C199, #6F426B, #2A223C, #0E0918)
• Patina Moss Drift color palette (#FEF2F1, #FCD1D0, #A5A500, #C66397, #161205)
• Softworn Mulberry color palette (#FFF2EF, #CCCB01, #A3004A, #3F0018, #040000)
• Ancient Station color palette (#FEF4E1, #FFB5B8, #C0841E, #386694, #37302C)

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