Oat Harbor color palette — #F1F7ED · #E5CEA9 · #718464 · #45523D · #272E23

Wheat and Driftwood set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F7ED): bright and airy, almost weightless.
• Wheat (#E5CEA9): A whisper-light, dusty gold — the color of old brass.
• Driftwood (#718464): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#45523D): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#272E23): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Dusty Petrol Alley color palette (#E9FAF3, #D9C191, #467799, #224B3F, #112620)
• Muted Lantern color palette (#EDF8F9, #B4E2EC, #429782, #2A4D50, #101E1F)
• Patina Lagoon color palette (#F2F7F1, #BDDBB7, #8A99CC, #2D9F97, #362933)
• Ancient Teal Pier color palette (#F0F8EE, #58BFAE, #B98AAC, #A26962, #364132)
• Hushed Teal color palette (#EBF8FB, #F5D1F1, #5CAEAB, #4E747D, #222E31)
• Softworn Powder color palette (#FFF4E2, #84CADD, #7594BE, #91605B, #344E43)
• Taupe Lagoon color palette (#F0F7F2, #D3DCDC, #A8B4BD, #83A58C, #4D554F)
• Charred Bronze color palette (#E5EFE3, #936E00, #00332F, #12101C, #000807)

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