Timeworn Basalt Harbor color palette — #F8F5ED · #B6B18D · #5D7E53 · #366456 · #4C4300
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5ED): a clean, paper-quiet neutral.
- Sage (#B6B18D): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5D7E53): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#366456): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Timeworn Basalt 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
- Fern Pier color palette (#F4F7EC, #A5B695, #25837C, #585281, #324C08)
- Fern Villa color palette (#FAF5E8, #96A16F, #4A6E38, #5A3F62, #37362F)
- Softworn Moss color palette (#FDF1F6, #CDC699, #739E57, #746B90, #34483D)
- Washed Study color palette (#ECF9F1, #CCDE9D, #94B88B, #7A93A9, #2E4940)
- Hushed Mulberry color palette (#FFF1F4, #B690BC, #5E9A64, #8D4099, #274C2B)
- Ancient Cerulean Bloom color palette (#F8F5EE, #CFE2D0, #2F99AD, #00735D, #2A5140)
- Washed Navy Quarry color palette (#EFECD4, #64A461, #006C47, #1B3D87, #083808)
- Antique Olive Market color palette (#E6E2D1, #52782E, #00441B, #002245, #071300)
Browse the whole catalog at Explore, or see today's palette.