Dusty Oat color palette — #ECF9F2 · #B2DCCF · #7CA5A0 · #698386 · #3A534C

A conversation between Oat and Blue Fog, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Oat (#B2DCCF): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7CA5A0): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#698386): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3A534C): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Washed Lagoon color palette (#F1F7F2, #D0E2F3, #8DB9CB, #59947E, #3F5663)
• Timeworn Fern color palette (#F9F5EA, #BBE6D2, #8EBC8D, #7B8C70, #4E4800)
• Washed Cypress Bloom color palette (#D0EBE6, #75B592, #198470, #00616C, #003030)
• Azure Studio color palette (#EBF7FF, #90CEF4, #6B9FCF, #5B73A4, #3E4C6A)
• Washed Powder Thicket color palette (#EFF6FF, #96B1E7, #CE938E, #7A9D78, #364357)
• Patina Meadow color palette (#EFF6FF, #A3C6F9, #CDAB79, #658EC7, #3D543E)
• Linen Lagoon Lagoon color palette (#DBFEF4, #91CC99, #209D75, #00787B, #204426)
• Sunlit Forest Pier color palette (#CAEDDE, #6A914D, #00642E, #153960, #071300)

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