Oat Harbor color palette — #FFEFE1 · #D9CBAC · #909577 · #7C5D65 · #4E3436

Oat and Eucalyptus set the tone — five colors that lean into sophistication.

The five colors

• Cream (#FFEFE1): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#D9CBAC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#909577): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#7C5D65): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#4E3436): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

One click turns Oat Harbor 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 Lagoon color palette (#F3F2EA, #C1C8A5, #55907F, #765A51, #30322B)
• Dusty Stone color palette (#FFF5D8, #C9C4A3, #969980, #647666, #415453)
• Worn Lagoon color palette (#EEE3C8, #A5AB80, #448683, #6B433B, #402219)
• Patina Pier color palette (#FFF1F6, #BBE1CE, #8CB4B5, #858397, #4F4D5E)
• Dusty Lilac Lantern color palette (#F4F3E2, #89A865, #9B7CC4, #9A6681, #292817)
• Hushed Lantern color palette (#F7F0ED, #C5E9DD, #5DA9B8, #487757, #223C32)
• Moss Drift color palette (#FFF0D3, #BBBB78, #6D8F33, #35693D, #373A34)
• Hushed Wisteria color palette (#F4F3E3, #A6BD82, #C780BB, #637C35, #43282B)

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