Timeworn Harbor color palette — #FFECF3 · #CDAA6E · #A6830A · #675D1B · #213F34
A conversation between Mustard and Camel, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
- Camel (#CDAA6E): A luminous, balanced gold — the color of afternoon light on wheat.
- Mustard (#A6830A): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#675D1B): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#213F34): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged muted.
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
- Airy Amber color palette (#FFE4F8, #EAAA8D, #BF6F2C, #7F551E, #243B29)
- Tempered Marigold color palette (#FFF2EB, #E1A662, #A28B3A, #646D3C, #4D4E46)
- Softworn Courtyard color palette (#EAF5EE, #C2B474, #8B96DB, #827123, #25304A)
- Driftwood Market color palette (#E7F6EC, #A0C5B4, #91824B, #446046, #20302B)
- Washed Marigold color palette (#EDDEC1, #B89C00, #6D6F00, #3F5000, #072B00)
- Sunlit Pine Meadow color palette (#E7EEE1, #7EB572, #008D4D, #005F48, #00363E)
- Tempered Cerulean Coast color palette (#E2F8EC, #A79F4F, #009CC3, #9F6186, #182C22)
- Seafoam Station color palette (#E5F7ED, #B0E8CC, #B9DCF6, #6D8D72, #31443C)
Browse the whole catalog at Explore, or see today's palette.