Misty Harbor color palette — #F7F2DC · #A3AB5E · #8F83C0 · #646B00 · #292142
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F2DC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A3AB5E): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#8F83C0): A luminous, balanced violet — the color of a velvet chair.
- Olive (#646B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#292142): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Misty 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
- Linen Studio color palette (#FDF0DD, #BF9E62, #648DD3, #825D00, #11264A)
- Dusty Pine Market color palette (#F0F5DF, #7FB382, #B076AC, #36743D, #391938)
- Ancient Olive color palette (#E8FAF4, #96A86E, #827FCB, #597000, #3E3D63)
- Hushed Moss color palette (#E5FBF2, #B6BE80, #A599E1, #808800, #43396A)
- Moss Delta color palette (#F8F3D2, #839843, #3C86B8, #935568, #231F04)
- Timeworn Thicket color palette (#FFEEE4, #C6A487, #9A6653, #76381E, #2E200E)
- Driftwood Studio color palette (#F6F3DA, #C4E3C7, #9CCAB7, #8F8551, #31312B)
- Antique Forest Terrace color palette (#F0F4E6, #C7B082, #266341, #03301A, #0B0E03)
Browse the whole catalog at Explore, or see today's palette.