Tempered Field color palette — #CCF7EB · #C5A2AF · #966F68 · #3B5F48 · #10505B

Peacock takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CCF7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Rosewood Mist (#C5A2AF): A luminous, dusty rose — the color of a warm blush.
• Mocha (#966F68): A full-bodied, dusty orange — the color of toasted spice.
• Pine (#3B5F48): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#10505B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Worn Pewter color palette (#DEDDEE, #AEA0C2, #925E5E, #305A53, #003033)
• Washed Delta color palette (#C7F1DD, #91AC9F, #896A7C, #366538, #2A4A38)
• Petrol Courtyard color palette (#FFEFFF, #C7A8B6, #9C7A73, #376A7B, #5E465F)
• Patina Taupe Veranda color palette (#E7EBFA, #D7B4D9, #CC957E, #668C91, #1C494F)
• Olive Dune color palette (#FFE4EC, #D9ADAC, #B98584, #6F6C22, #395210)
• Wandering Lagoon color palette (#FCF5E3, #9C9E79, #00745C, #6C3946, #35362F)
• Cobalt Boulevard color palette (#FCF3ED, #AACEC1, #5974BD, #00605D, #3D335A)
• Aged Orchard color palette (#FDEAE4, #C0757B, #008E68, #A30036, #00402D)

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