Tempered Field color palette — #FFF2EF · #C0778B · #49899E · #2F687A · #4C3734

Dusty Rose and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Dusty Rose (#C0778B): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#49899E): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#2F687A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#4C3734): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Petrol Lantern color palette (#FFF2EA, #C3886C, #317A98, #3B537F, #56364F)
• Dusty Petrol Lagoon color palette (#FAEDF9, #C08180, #4A9282, #00678A, #2C1C2B)
• Cerulean Basin color palette (#FFF2ED, #D49998, #64AC92, #3F83A7, #433B38)
• Driftwood Lagoon color palette (#FDF3EB, #B5845C, #578D69, #456086, #5A3200)
• Wandering Courtyard color palette (#FFF2ED, #C37877, #89804D, #676127, #652810)
• Muted Driftwood color palette (#FBF3EF, #DBDBD2, #A3AFAF, #A27665, #57514D)
• Pewter Coast color palette (#FFF2E9, #B06F46, #7F60A0, #5F4579, #38312D)
• Cocoa Hollow color palette (#FDF4E6, #CF9891, #7F7941, #6D4E67, #6A3A00)

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