Amber Harbor color palette — #FEF4E3 · #9CDBF3 · #92AEE4 · #C07564 · #344E45
A conversation between Caramel and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
- Powder Blue (#9CDBF3): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#92AEE4): A luminous, balanced violet — the color of twilight just after sunset.
- Caramel (#C07564): A luminous, balanced orange — the color of sun-warmed clay.
- Charcoal (#344E45): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, light, 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
- Patina Lagoon color palette (#FDF4E6, #9FE0CD, #71BBCD, #B37698, #3D4D3B)
- Softworn Bronze Studio color palette (#EEF8F3, #96D0ED, #C896C7, #AE7A49, #1D4D36)
- Washed Corridor color palette (#EAFAEB, #9AEFEB, #869FE4, #8A6D41, #2F424D)
- Washed Powder Atelier color palette (#E6F6F1, #87BDEA, #887584, #465953, #1D2420)
- Aged Harbor color palette (#FFF4E2, #86C8FF, #948BFF, #B85E00, #1A3460)
- Bronze Pier color palette (#FFF4E2, #C5C0F6, #C98CC5, #94820D, #54313F)
- Chestnut Bloom color palette (#E3FCF0, #EED7EC, #D9BAC7, #B09785, #6C4900)
- Hushed Cabin color palette (#F6F6EE, #DBE2C3, #ABBD96, #85A387, #4A5303)
Browse the whole catalog at Explore, or see today's palette.