Softworn Amber Harbor color palette — #FFEAFE · #E3A68F · #B27C4A · #69591C · #1F4236
Caramel takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFEAFE): A whisper-light, dusty pink — the color of neon signs at night.
- Melon (#E3A68F): A luminous, dusty orange — the color of sun-warmed clay.
- Caramel (#B27C4A): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#69591C): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#1F4236): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Softworn 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
- Softworn Driftwood Station color palette (#FFECF2, #CBB37E, #90934B, #41683F, #123F41)
- Antique Driftwood Terrace color palette (#EDE3FF, #E0A3C0, #BA7074, #7E4835, #2B422A)
- Hushed Studio color palette (#FFF2EE, #EAB39E, #CB9658, #917221, #4E4C45)
- Tempered Bronze color palette (#FDEDF2, #D1AB87, #7D9DD4, #9A6427, #1D324E)
- Antique Driftwood color palette (#DEFAE8, #DCC592, #A18554, #5A4512, #022410)
- Bronze Boulevard color palette (#F9DDD0, #AB7100, #695F00, #323E00, #001B05)
- Antique Driftwood Courtyard color palette (#FDEDF2, #A3C5AF, #A07484, #684F62, #18322B)
- Amber Hollow color palette (#F3DCD5, #DF7F00, #8C6B00, #474B00, #092A00)
Browse the whole catalog at Explore, or see today's palette.