Timeworn Amber Harbor color palette — #FFF2ED · #FAA469 · #B27B00 · #6B5800 · #2A2E00

Built around Mustard, softened by Apricot — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Apricot (#FAA469): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#B27B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6B5800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#2A2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Timeworn Amber 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

• Powdered Amber color palette (#FFF1F3, #FF9D97, #D97544, #7B4900, #392800)
• Sunlit Courtyard color palette (#FFF3E7, #D9B94C, #9D9700, #446700, #043D17)
• Tempered Market color palette (#E9FBEB, #CFC998, #A18555, #794C2D, #002920)
• Powdered Amber Boulevard color palette (#FEE6DA, #D18000, #826500, #373600, #0C1200)
• Amber Boulevard color palette (#EADBCF, #E2AB6A, #CC9000, #9B7600, #473800)
• Hushed Amber Basin color palette (#F2DBC1, #AA8300, #545800, #162B00, #000200)
• Periwinkle Corridor color palette (#E5FCEB, #E1BA55, #6BA8F8, #937100, #0C284A)
• Hazy Boulevard color palette (#FCF8C9, #EFDE85, #A68600, #5A4E00, #120E00)

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