Tempered Field color palette — #FBF3EF · #CDE7E5 · #C2A6C6 · #429883 · #65485B

Fern and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#CDE7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#C2A6C6): A luminous, dusty pink — the color of neon signs at night.
• Fern (#429883): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#65485B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged coastal, cool, 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

• Softworn Powder Canyon color palette (#FBF2F7, #D6D4E1, #BCC2F3, #699E8E, #434D63)
• Worn Teal color palette (#FFF1F0, #DC9BB7, #59B99E, #259CA6, #573938)
• Ancient Cypress color palette (#F1F7F2, #D5DEF0, #6FA0BE, #307C7C, #455465)
• Iris Basin color palette (#FCF4EC, #B8E6D8, #7F95EE, #008284, #4A2F6E)
• Peony Quarry color palette (#FEF2F0, #E5B5C6, #7EC495, #CC6591, #4C4E47)
• Patina Ultramarine color palette (#FAECDF, #74A9CA, #315CCC, #004A47, #19003D)
• Patina Cocoa Alley color palette (#FFF2E9, #DCC7AB, #B89377, #976567, #574600)
• Feathered Hollow color palette (#FFF3E6, #A6CFF7, #707AFF, #007176, #431768)

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