Oat Harbor color palette — #E9FAF0 · #CAD09F · #A59C71 · #627C65 · #384D47

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

The five colors

• Ivory (#E9FAF0): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#CAD09F): A whisper-light, dusty green — the color of a quiet forest floor.
• Taupe (#A59C71): A luminous, dusty green — the color of fresh herbs.
• Pewter (#627C65): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#384D47): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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 Oat color palette (#FFF1F5, #E1C799, #B79471, #896A7B, #3E4C43)
• Basalt Terrace color palette (#F9F5EB, #D8E3C5, #BCAD89, #887950, #4A3F00)
• Driftwood Balcony color palette (#EDF9F1, #9FC1B4, #688975, #71545D, #334E49)
• Ancient Blush Drift color palette (#FBF1FF, #EC86A9, #80A784, #518394, #423A45)
• Softworn Meadow color palette (#FBDFEA, #D4A55D, #A4754A, #724E64, #1C3726)
• Lime Ridge color palette (#E4E2A6, #97B32E, #817B00, #674F00, #18300B)
• Tempered Loft color palette (#D2E9DA, #838300, #625100, #422B00, #080E00)
• Aged Pier color palette (#F9F3FA, #FFBCC9, #B49758, #B57885, #253128)

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