Amber Harbor color palette — #FFF3E3 · #CF824B · #6A7019 · #424B73 · #413C36

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CF824B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6A7019): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#424B73): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Navy Lantern color palette (#FFEFDD, #CD8876, #6D702A, #3F3E78, #311E0A)
• Blush Pier color palette (#FEF4DE, #D4768E, #905C2A, #22546B, #433B38)
• Softworn Workshop color palette (#FFF3E7, #A19D1A, #30795E, #594368, #3E3E36)
• Pale Amber Terrace color palette (#FFF3E8, #CB6C00, #00736A, #4A3D77, #393255)
• Softworn Apricot color palette (#E9FBE7, #EA9A82, #868C44, #595C99, #4F343E)
• Hushed Driftwood color palette (#FFEDE2, #BFB385, #7F8741, #775863, #61454D)
• Mustard Pier color palette (#FFF3E4, #FFC7BE, #DBAF49, #749961, #3D3A33)
• Wandering Bronze Archive color palette (#F0E3CD, #8D6C00, #33322C, #261E10, #0F0D06)

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