Tempered Field color palette — #FAF2FE · #E889A5 · #A87A36 · #55578C · #171225

A conversation between Rose and Caramel, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FAF2FE): a clean, paper-quiet neutral.
• Rose (#E889A5): A luminous, balanced red — the color of late-summer berries.
• Caramel (#A87A36): A luminous, balanced gold — the color of old brass.
• Peacock (#55578C): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#171225): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Ancient Cobalt Summit color palette (#FEF0FC, #CF6A66, #456DC8, #5C3883, #15071F)
• Coral Parlor color palette (#FEF0FC, #F49089, #6A87C1, #6E5289, #23162A)
• Wisteria Summit color palette (#F5F3FF, #C28DCB, #00939B, #245F87, #151A2D)
• Muted Turquoise color palette (#F7F3FE, #DCA5CA, #4CA6BF, #546E94, #262738)
• Ancient Balcony color palette (#FFF1F6, #E0842C, #394C38, #291920, #090406)
• Soft Cobalt Studio color palette (#FFF1F7, #E3A476, #96A24D, #008CC1, #32273D)
• Pine Basin color palette (#FFEDEA, #BA5873, #24770D, #004576, #210F0C)
• Feathered Ember Market color palette (#FFF0F8, #D25E00, #5D45B2, #56094F, #0B0001)

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