Oat Harbor color palette — #EDF8F7 · #AFDEC4 · #71A6AA · #748273 · #3C5252

Mint and Blue Fog set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Mint (#AFDEC4): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A6AA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Driftwood (#748273): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#3C5252): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Ash Villa color palette (#E5FCED, #BDE8E7, #84B9CB, #789CA4, #40544A)
• Lagoon Market color palette (#EAF9F6, #A2CAC9, #558B93, #6F5F76, #3B5252)
• Honey Pier color palette (#EAFAED, #E5BE6E, #64C5B4, #A38851, #325359)
• Lagoon Harbor color palette (#E9F9F4, #A3BF8C, #5D8F56, #526B56, #1F3C36)
• Dusty Fern color palette (#F5F6EC, #D8E3C6, #A7BE9A, #BB8D86, #42550F)
• Washed Thicket color palette (#DFFEEA, #EBD996, #AF9D60, #7B6B39, #1A3D29)
• Ancient Dune color palette (#CAF6F3, #009B6D, #00614F, #383C00, #00140B)
• Weathered Bronze color palette (#CFE5D3, #877400, #4A4800, #491C00, #080600)

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