Tempered Field color palette — #F0F8EA · #A5E4D0 · #F9AFBD · #0FC49E · #66433B
Turquoise and Ballet Pink set the tone — five colors that lean into softness and clarity.
The five colors
- Ivory (#F0F8EA): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#A5E4D0): A whisper-light, dusty teal — the color of glacier melt.
- Ballet Pink (#F9AFBD): A whisper-light, balanced red — the color of embers at dusk.
- Turquoise (#0FC49E): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#66433B): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Softness, Clarity. Tagged light, 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
- Tempered Bloom color palette (#F6F6E8, #C6DEB3, #D7B9ED, #89BA59, #66404D)
- Muted Lagoon color palette (#E6F9FC, #91D4C5, #DF9BAB, #00A38D, #5B4362)
- Ancient Sky color palette (#E9FAF3, #ACDCFB, #FFB09B, #39B4F5, #534B47)
- Patina Stone Hollow color palette (#F0F8EC, #FDDADC, #BCE0EF, #B0CA96, #47574B)
- Blush Drift color palette (#E5FCEA, #72EEFE, #E97E89, #00ABBB, #681928)
- Antique Seafoam Field color palette (#F8F5C3, #FFD0C2, #1FF5D5, #5A6753, #2F352C)
- Hushed Loft color palette (#E2F6F8, #6FC7AB, #D08290, #407F6C, #3B2A3E)
- Tempered Field color palette (#E8FCE6, #B4E7DB, #6FCDC8, #049D99, #004040)
Browse the whole catalog at Explore, or see today's palette.