Amber Harbor color palette — #FFF1F6 · #DEC39B · #B77A3F · #7C4932 · #0E2718

Built around Caramel, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#DEC39B): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B77A3F): A luminous, balanced gold — the color of old brass.
• Coffee (#7C4932): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#0E2718): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Station color palette (#E5FCEF, #C4CE92, #998B28, #6D541D, #062822)
• Taupe Villa color palette (#E9FBEC, #E6DEB1, #BA9951, #85633F, #1C382E)
• Patina Meadow color palette (#F1DCCA, #AE9564, #895829, #642A1B, #1F1700)
• Washed Bronze Alley color palette (#E8FBEA, #C6B260, #996D00, #673900, #00170F)
• Washed Moss color palette (#CCE8D7, #898C21, #5B4C00, #2F1E00, #000201)
• Softworn Bronze Hollow color palette (#FBEBF1, #946927, #5B2F00, #260700, #020100)
• Rust Garden color palette (#EEF6FF, #71B1FF, #BF5800, #676300, #04162A)
• Stone Coast color palette (#FEF1F8, #EDD3D1, #D4A187, #8E6F87, #374337)

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