Oat Harbor color palette — #FFF1F4 · #E7BEB9 · #A08D7E · #677365 · #485446

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#E7BEB9): A whisper-light, dusty orange — the color of toasted spice.
• Caramel (#A08D7E): A luminous, dusty gold — the color of old brass.
• Pewter (#677365): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#485446): A full-bodied, dusty green — the color of fresh herbs.

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

• Worn Cabin color palette (#FFE6DD, #D5B294, #968C62, #735E6F, #5F464C)
• Washed Driftwood color palette (#F1F5FF, #D9D1E9, #B9A0AC, #688590, #3A525B)
• Muted Parlor color palette (#FFE5FB, #D79798, #9C7248, #3F6553, #2D5140)
• Muted Blush Atelier color palette (#FFEFEF, #E893AF, #BB6F78, #85544A, #534C47)
• Hushed Bronze color palette (#FFF2EB, #FAB1A4, #AD6D56, #6D4132, #3B3430)
• Olive Workshop color palette (#FCF3EF, #C7EDE3, #66A4B6, #627836, #355148)
• Tempered Bronze Ridge color palette (#F5D6DA, #B67250, #685909, #193C64, #39223B)
• Coral Loft color palette (#FFF2ED, #D37C75, #45989C, #497F8E, #48403D)

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