Oat Harbor color palette — #ECF9F3 · #A7DED6 · #74A6A9 · #7C7A90 · #3B534F

Mint takes the lead with Blue Fog close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Mint (#A7DED6): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#74A6A9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#7C7A90): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3B534F): A full-bodied, dusty teal — the color of sea glass.

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

• Stone Garden color palette (#EDF9F0, #9FCCC1, #608A8B, #6D5F78, #3E524D)
• Aged Basin color palette (#F6F6EC, #BEE1D9, #88BBA7, #967D90, #424C00)
• Hushed Powder color palette (#FBF2F7, #D9D4E4, #8DB6DE, #54938F, #485366)
• Antique Mallow Grove color palette (#F9F2FF, #FEA5CB, #73C4A6, #B67691, #285558)
• Blush Chapel color palette (#FAF1FF, #F08EB2, #6CB69E, #4D98A9, #483E4D)
• Emerald Lantern color palette (#EBFAED, #B4BB71, #5F8F52, #5D617C, #193D30)
• Timeworn Summit color palette (#F4F4FF, #EBAFE6, #CB85AA, #966270, #5B445A)
• Hushed Mint color palette (#CCF6EA, #45C685, #008A7D, #7F426D, #00381F)

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