Amber Harbor color palette — #FFE5E7 · #C16A38 · #6F5100 · #263600 · #001508

Built around Ochre, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FFE5E7): A whisper-light, dusty red — the color of embers at dusk.
• Ochre (#C16A38): A luminous, balanced orange — the color of toasted spice.
• Coffee (#6F5100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#263600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001508): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. 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

• Dusty Bronze color palette (#FFDFD0, #A97E13, #4C5D00, #00381F, #001310)
• Rose Station color palette (#FCE8F3, #D16265, #914300, #392900, #0B1000)
• Weathered Chestnut Bloom color palette (#FCE3E1, #C78C53, #7A6300, #274800, #002017)
• Aged Rust Boulevard color palette (#F7E0C5, #BD5435, #4D5100, #221C6A, #190A00)
• Lowlit Chestnut Field color palette (#FFE7D4, #736000, #2E4400, #001D11, #000202)
• Washed Coast color palette (#EEE8E3, #D1CABF, #A6A592, #814213, #1E130A)
• Worn Olive color palette (#FFDED9, #AB945C, #596D2B, #423558, #24113B)
• Amber Pier color palette (#FFEFD9, #FF95A2, #C08700, #008254, #120C00)

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