Timeworn Harbor color palette — #FBF3EF · #BEE6F4 · #9FD4C5 · #97A988 · #604B5A

Pistachio takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Powder Blue (#BEE6F4): A whisper-light, dusty blue — the color of open sky before noon.
• Pistachio (#9FD4C5): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#97A988): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#604B5A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Dusty Oat Thicket color palette (#E8FBEF, #EBD7D2, #A8D1BD, #A8B2A3, #41554D)
• Teal Hollow color palette (#FBF3EE, #BBF1EF, #9DC0EB, #5BA997, #593E4F)
• Dusty Glacier color palette (#E5F8D3, #71ECEC, #5EC3E2, #779DBF, #5E4759)
• Aqua Hollow color palette (#E1FDED, #5CD9FF, #E6B187, #B3A379, #35473D)
• Antique Cocoa Chapel color palette (#E8FAF1, #99E0FF, #F4B6A2, #74B2CC, #753B14)
• Softworn Cypress Corridor color palette (#F6F0F4, #D5D1E8, #7BA1BF, #007C71, #27374D)
• Muted Fern color palette (#FDF4E8, #DFDCA9, #CDB18C, #A68C7B, #4C4B00)
• Timeworn Veranda color palette (#D9FFF2, #CBE8FF, #7AC3E8, #5F94AF, #163D2F)

Browse the whole catalog at Explore, or see today's palette.