Amber Harbor color palette — #FDF1F8 · #CB8461 · #617A45 · #225D67 · #3B405E

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Caramel (#CB8461): A luminous, balanced orange — the color of autumn markets.
• Olive (#617A45): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#225D67): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#3B405E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Blush Parlor color palette (#FBF1FF, #D07996, #876C2F, #265F4F, #30445D)
• Antique Taupe color palette (#EBF9F0, #AC9747, #2E8071, #405379, #493C55)
• Timeworn Mustard color palette (#FFF1F6, #E2B46D, #997E39, #666232, #37574B)
• Antique Oat color palette (#FFF0F8, #B0CEB2, #819B91, #606E78, #4B4A5A)
• Soft Bronze color palette (#E4F8E9, #907300, #00615C, #372E6F, #481B1A)
• Softworn Veranda color palette (#FEF2EE, #DE9E9D, #6B9976, #626397, #57364A)
• Muted Sand color palette (#FFF1F7, #F1D5C6, #F6B689, #AEA06B, #3E4E3C)
• Dusty Corridor color palette (#F9F5EB, #D2C894, #8BB78C, #349894, #1B4760)

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