Aged Harbor color palette — #F6F1E9 · #C7C4AA · #788C49 · #4E6859 · #32312A
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F1E9): bright and airy, almost weightless.
- Stone (#C7C4AA): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#788C49): A luminous, balanced green — the color of fresh herbs.
- Pine (#4E6859): A full-bodied, dusty teal — the color of shallow lagoons.
- Espresso (#32312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Aged 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
- Softworn Spruce color palette (#F4F2E8, #BDC9A5, #6F8C6D, #6B5B6D, #2A3700)
- Aged Balcony color palette (#F7F5EE, #C1C3AB, #788A46, #586C54, #505100)
- Cypress Basin color palette (#F8F0ED, #CBE2DD, #78A894, #4B765B, #432E42)
- Worn Taupe color palette (#F1F7F2, #B9D9CF, #7AA88B, #658291, #37544B)
- Olive Lagoon color palette (#EBDDC7, #59721F, #004227, #3B0228, #020300)
- Chalky Moss Summit color palette (#EFE4CA, #75A45D, #006B53, #67203F, #081B00)
- Weathered Taupe Meadow color palette (#FFEFE2, #B09F66, #596C3E, #513C60, #261A00)
- Weathered Cypress Grove color palette (#F8F2DE, #84B687, #007D6D, #1D5173, #08280C)
Browse the whole catalog at Explore, or see today's palette.