Weathered Field color palette — #FBF2FC · #ABD3FF · #FF9E83 · #2389E8 · #301404

A conversation between Azure and Melon, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Lilac Frost (#ABD3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Melon (#FF9E83): A luminous, balanced orange — the color of toasted spice.
• Azure (#2389E8): A luminous, vivid blue — the color of a favorite pair of jeans.
• Onyx (#301404): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged duotone.

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

• Powdered Coral Basin color palette (#FCF1F9, #BDCDFF, #FF7768, #7791FF, #301407)
• Indigo Market color palette (#FDF1F8, #C8C9FF, #FDA530, #7D73E9, #2B1801)
• Sapphire Bloom color palette (#F3E6F3, #94BEFF, #FD8035, #196EE7, #190800)
• Muted Magenta Grove color palette (#FDF1F9, #CCD6FF, #E73BCB, #5C68FB, #180305)
• Worn Indigo color palette (#F0F5FF, #A5B6FF, #D9419B, #545CFF, #24162F)
• Misty Fuchsia Grove color palette (#ECF9F1, #79DFFF, #EF6AE6, #00ABD1, #2D102B)
• Lilac Courtyard color palette (#FCF2F7, #E6D6D1, #AAB29C, #A192FF, #4C3944)
• Tempered Amethyst Delta color palette (#F0E1E9, #A49BFB, #BC6C00, #7647FF, #070200)

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