Tempered Field color palette — #FFF1F6 · #CBEDE5 · #CDA0B0 · #916E82 · #334439

Rosewood Mist and Mocha set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Honeydew (#CBEDE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Rosewood Mist (#CDA0B0): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#916E82): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#334439): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Seafoam Basin color palette (#E6F9FD, #82D5CA, #CD9CC5, #A5746B, #1C363B)
• Timeworn Taupe color palette (#FFF1F6, #C5E8C5, #BE9473, #835D75, #203828)
• Hushed Stone color palette (#ECF9F1, #C1E3E5, #8EBAA2, #69816E, #31443F)
• Chestnut Parlor color palette (#FCF3EB, #CBB494, #9D7854, #864E22, #5C4300)
• Aged Navy color palette (#E8F8FF, #D1DAE7, #7EB4DF, #5E7BB4, #35306C)
• Antique Lagoon color palette (#EAF8FA, #CBDECC, #589386, #274D52, #0E1E20)
• Bronze Hollow color palette (#DFFEEB, #B3B973, #86762D, #5D4000, #001712)
• Quiet Amber Veranda color palette (#E6FCEA, #DBD295, #B58B12, #865200, #262B00)

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