Muted Harbor color palette — #FFF4E1 · #AFBC7F · #608E60 · #785968 · #37362F
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#AFBC7F): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#608E60): A luminous, balanced green — the color of fresh herbs.
- Graphite (#785968): A full-bodied, dusty rose — the color of pressed rose petals.
- Espresso (#37362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Muted 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
- Emerald Lantern color palette (#FFF4DF, #AFC66E, #389E4E, #725D8F, #354017)
- Feathered Chapel color palette (#EDE4CC, #85B55F, #208558, #714754, #2C2B05)
- Muted Lagoon color palette (#F7F6E4, #8AC4A0, #169486, #426E5B, #2F3B00)
- Washed Fern color palette (#FEF3E8, #A19E69, #437038, #5D3E5D, #38352E)
- Emerald Corridor color palette (#E9FAF1, #AADDCE, #619A5D, #316893, #003026)
- Softworn Jade Cabin color palette (#FEF1F6, #D2CC99, #82AF6E, #9F729A, #3B360B)
- Aged Studio color palette (#FFE8EB, #EE93E9, #5FAA4F, #8B4288, #1C3F14)
- Linen Corridor color palette (#F7EEDA, #77A237, #047440, #4E3969, #1E1C00)
Browse the whole catalog at Explore, or see today's palette.