Oat Harbor color palette — #F1F5FE · #BFDBB1 · #6B7EA1 · #434D62 · #262B36

Pistachio takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Pistachio (#BFDBB1): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#6B7EA1): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#434D62): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#262B36): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Field color palette (#F0F6FD, #EFC2D9, #637FA5, #3E4E63, #242C36)
• Antique Pewter color palette (#F7F3FD, #A7D1A6, #925E82, #493A5C, #251E2E)
• Timeworn Coast color palette (#F3F5FC, #F2DBAC, #9F96CC, #656B87, #292B34)
• Hushed Parlor color palette (#E0FCF9, #C3B4EB, #BD7E85, #477784, #49445A)
• Iris Parlor color palette (#F2F5FD, #C9CCFF, #BF9163, #8384C6, #38292E)
• Washed Ash Hollow color palette (#F5F4FC, #E0D8DC, #C0B0AB, #AD8FB5, #52515A)
• Coral Basin color palette (#FCF1FB, #D2858F, #9F7952, #776633, #2D3747)
• Softworn Villa color palette (#DBDCED, #5EB997, #663F8C, #321E45, #09071F)

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