Worn Amber Harbor color palette — #FFD7CD · #D97F14 · #7C6000 · #2D3300 · #000700

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD7CD): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D97F14): A luminous, balanced gold — the color of old brass.
• Olive (#7C6000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2D3300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000700): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Worn 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

• Marigold Drift color palette (#FFEAD7, #C49E00, #5A6700, #043B06, #000402)
• Tempered Bronze color palette (#FFE3EB, #DA7971, #9B5200, #3F2A00, #030200)
• Ancient Bronze Study color palette (#F9E0DA, #BA6A00, #614900, #232C00, #011901)
• Ancient Basin color palette (#FFEBD1, #CB6C37, #5C5700, #2D0077, #080300)
• Inked Chestnut Study color palette (#F5EAD8, #795A00, #273331, #0F1500, #020100)
• Tempered Mustard Grove color palette (#FFF3E8, #E6B600, #738800, #05540F, #001F19)
• Chestnut Studio color palette (#FAF4EF, #DBDCC9, #C1BBA1, #914A00, #160901)
• Muted Aubergine Alley color palette (#FFE7E3, #B89D6D, #618147, #493276, #310D25)

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