Weathered Oat color palette — #FFF1F7 · #B8DCC2 · #8FADA4 · #73818C · #485264

Celadon Mist and Taupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Celadon Mist (#B8DCC2): A whisper-light, dusty teal — the color of sea glass.
• Taupe (#8FADA4): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#73818C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#485264): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Petal Market color palette (#FCF0FF, #E8C7DB, #A6B6A5, #748C91, #43555F)
• Washed Lagoon Meadow color palette (#E6E5D8, #A0BB90, #5C9985, #656D83, #423B5D)
• Patina Lagoon color palette (#DFE2C4, #6DA36F, #298672, #4D406E, #37123A)
• Hushed Dune color palette (#E7FBF1, #CEC96E, #B0A9E3, #928F5B, #454B67)
• Mustard Orchard color palette (#DEFEF0, #B1B961, #65AFD5, #B48196, #34473F)
• Linen Mint color palette (#D4EAD4, #00CDAC, #1992A1, #7A4A7B, #5C2B3A)
• Tempered Straw Delta color palette (#D9FFF1, #D3E09B, #94A369, #626E42, #153E33)
• Worn Pier color palette (#F7DFC2, #897500, #3C5F26, #193451, #0E0A30)

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