Tempered Field color palette — #A0FFEA · #AFE390 · #DDA2FF · #534258 · #35343E
A conversation between Lavender and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Sea Foam (#A0FFEA): A whisper-light, balanced teal — the color of shallow lagoons.
- Pistachio (#AFE390): A whisper-light, balanced green — the color of a quiet forest floor.
- Lavender (#DDA2FF): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal (#534258): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#35343E): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.
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
- Mallow Station color palette (#A1F5FF, #91E7AC, #FF9AC1, #513C48, #312D34)
- Celadon Lagoon color palette (#C7F5A6, #FFC47D, #A8BAFF, #47415B, #2F3238)
- Wandering Loft color palette (#FFE389, #FFCAB2, #FFACE0, #51485D, #333037)
- Ancient Harbor color palette (#B0F1FF, #FFD59A, #CAD0FF, #786973, #332D31)
- Weathered Fuchsia color palette (#CAE1FC, #FFB7A9, #F38DFF, #402B2F, #201618)
- Tempered Plum Lagoon color palette (#F6F4FB, #DAB1D6, #A96C47, #964C93, #382930)
- Pewter Boulevard color palette (#F5F4FD, #9ECBC0, #6E517A, #383353, #2A242C)
- Washed Summit color palette (#72F6FF, #36EFA4, #EB41D6, #511A2B, #251C33)
Browse the whole catalog at Explore, or see today's palette.