Olive Harbor color palette — #EEF8F6 · #D1DDE2 · #ACB1BE · #7A7328 · #4B5553

Walnut and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F6): a clean, paper-quiet neutral.
• Silver (#D1DDE2): a clean, paper-quiet neutral.
• Ash (#ACB1BE): a calm mid-gray that lets other colors speak.
• Walnut (#7A7328): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4B5553): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Olive 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 Pier color palette (#EFF8F3, #D1DDDF, #D2C3A7, #A9B2BB, #4D5451)
• Driftwood Cabin color palette (#F1F2EC, #D2D8D3, #A3B1B0, #678E67, #36372E)
• Hushed Pine Studio color palette (#DBEDEB, #8BA6B6, #748BA1, #227541, #000C0B)
• Tempered Ridge color palette (#DFF7F9, #51D1A9, #6A8086, #475859, #1B2423)
• Patina Seafoam color palette (#E6FAF9, #94DAAC, #86ADD9, #A6768E, #2F4A35)
• Lagoon Parlor color palette (#D9EAEF, #B6C0D1, #9EA5BC, #009294, #112227)
• Azure Basin color palette (#EBF7FF, #D5D8F2, #C8BAE5, #16A6D8, #223542)
• Stone Coast color palette (#EDF7FA, #D5DBE3, #B4B0BF, #756D65, #4D5456)

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