Timeworn Harbor color palette — #E9E8D8 · #5D8F00 · #007CA2 · #3D6000 · #00070C
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Parchment (#E9E8D8): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#5D8F00): A full-bodied, balanced green — the color of fresh herbs.
- Cerulean (#007CA2): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#3D6000): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#00070C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Timeworn 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
- Patina Bronze Villa color palette (#F1EAD6, #8D8000, #008183, #5F5500, #000808)
- Wandering Olive Ridge color palette (#D6E3D2, #2C8500, #00747E, #794E00, #000200)
- Muted Sapphire color palette (#DAE3CF, #009566, #0864EF, #006443, #000419)
- Patina Olive color palette (#E3E8C5, #6CBD8F, #00A7B4, #4F7525, #001404)
- Patina Bronze color palette (#E2EEDB, #00937B, #956600, #006352, #0A0500)
- Softworn Moss color palette (#DFE7D0, #8D8C00, #005832, #001B0C, #010200)
- Dusty Boulevard color palette (#D1E6CF, #1C981B, #B54C00, #0F660F, #0F0300)
- Feathered Emerald color palette (#D8E2D6, #2BA610, #1C790B, #0B3E01, #000300)
Browse the whole catalog at Explore, or see today's palette.