Weathered Field color palette — #FFF1F2 · #D59BBB · #AF6B88 · #844F60 · #554F49

Built around Dusty Rose, softened by Mauve — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D59BBB): A luminous, balanced pink — the color of a candy shop window.
• Dusty Rose (#AF6B88): A luminous, balanced rose — the color of a warm blush.
• Coffee (#844F60): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal Brown (#554F49): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Weathered 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

• Patina Quarry color palette (#F7F2FF, #FFC2E2, #EE93B9, #C17C8F, #5C4A60)
• Softworn Lantern color palette (#FFF2EE, #DEA19E, #BB766D, #8F5749, #7B4319)
• Weathered Iris color palette (#FFF0F7, #C4B4EC, #997FB8, #745885, #68444C)
• Weathered Coral Lagoon color palette (#FFF2EF, #C9808C, #A48357, #7F6C9B, #553B35)
• Quiet Bronze Coast color palette (#FFE2D4, #DB9A70, #AD681F, #804E0A, #4B4818)
• Quiet Terracotta Coast color palette (#EED9D7, #D8725E, #A84727, #753000, #423000)
• Pale Terrace color palette (#FFD1DB, #F46F86, #CB334C, #970B17, #73251B)
• Amber Coast color palette (#F5E0CA, #BD8400, #846000, #4F3F00, #213209)

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