Hushed Oat Harbor color palette — #FFF1F5 · #BBD6BE · #8A9E92 · #627677 · #425462
A conversation between Oat and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Oat (#BBD6BE): A whisper-light, dusty green — the color of a quiet forest floor.
- Eucalyptus (#8A9E92): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#627677): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#425462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Hushed 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
- Oat Balcony color palette (#FFF0FD, #D9BBCF, #A58F99, #5F756D, #3D4F4B)
- Hushed Workshop color palette (#FFF2EA, #EBD6BD, #B0AA93, #73897D, #5C4B59)
- Stone Thicket color palette (#D2FFF5, #8ABDB9, #678B8E, #4F6B7F, #465463)
- Olive Lantern color palette (#E9E1BF, #949965, #597343, #015557, #133F51)
- Weathered Mustard Market color palette (#E7FBEE, #C5B053, #49AAA9, #7F723C, #2D545E)
- Soft Study color palette (#C8E7D0, #0EB387, #29827C, #244E78, #30385D)
- Softworn Driftwood color palette (#DCFFEE, #D1CF8C, #818441, #525426, #1F4032)
- Washed Emerald color palette (#E8F0DC, #559849, #326447, #003F4E, #1C2141)
Browse the whole catalog at Explore, or see today's palette.