Tempered Field color palette — #F3F4FE · #C9B3EF · #5BA197 · #307690 · #192232
A conversation between Lavender and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F4FE): a clean, paper-quiet neutral.
- Lavender (#C9B3EF): A luminous, balanced violet — the color of twilight just after sunset.
- Eucalyptus (#5BA197): A luminous, dusty teal — the color of sea glass.
- Slate (#307690): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#192232): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Powder Lagoon color palette (#EFF6FF, #8EB0E8, #769E6E, #31786E, #12242F)
- Softworn Taupe color palette (#FAF2FB, #EDA9B2, #B4A25A, #399BA2, #352E41)
- Hazy Cerulean color palette (#F9F2FF, #D083A9, #198EB4, #455997, #1D192F)
- Misty Balcony color palette (#F6F3FF, #BE7BC2, #007C89, #004E7F, #06081E)
- Shell Canyon color palette (#FCF1FA, #FEB7AE, #B29569, #5F733F, #3E3150)
- Antique Olive color palette (#FAEFEE, #BD7495, #76761C, #005862, #251618)
- Weathered Market color palette (#F8F3FA, #DFD7DA, #C9C1BA, #BDA4C6, #504B52)
- Pine Station color palette (#FBF4ED, #A27347, #377837, #065D56, #273630)
Browse the whole catalog at Explore, or see today's palette.