Oat Harbor color palette — #FFF1F6 · #B5D5C6 · #7A9596 · #757084 · #514B61

Oat takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Oat (#B5D5C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7A9596): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#757084): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#514B61): A full-bodied, dusty violet — the color of wild irises.

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

• Hushed Garden color palette (#D6FFF7, #9BC6CC, #67879E, #755E6F, #66475E)
• Pewter Field color palette (#F5F4D9, #CBCFB5, #8E9681, #547162, #2C473F)
• Hushed Cypress Archive color palette (#FAF3F8, #D4D7EE, #789FB4, #447C62, #3F5569)
• Antique Veranda color palette (#E3EDBF, #79ACAA, #5E7F8C, #624966, #543040)
• Ancient Lantern color palette (#E3F3D4, #549585, #286076, #4E2533, #3B0D08)
• Washed Jade Study color palette (#E0FCF9, #69A976, #A07AA3, #975E69, #2A4947)
• Patina Olive color palette (#E7FAF6, #97BC8A, #B885B1, #587F49, #514668)
• Cocoa Field color palette (#DBF1DC, #5BB5B7, #4575A5, #763B0B, #423900)

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