Amber Loft color palette — #F3F4FF · #B196D7 · #CC8742 · #009B8C · #34354E
Built around Mustard, softened by Fern — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Mauve (#B196D7): A luminous, balanced violet — the color of wild irises.
- Mustard (#CC8742): A luminous, balanced gold — the color of afternoon light on wheat.
- Fern (#009B8C): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#34354E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Amber Loft 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
- Emerald Corridor color palette (#F0F5FF, #90A2DB, #CF8072, #2D9E56, #2A3851)
- Powdered Mallow Hollow color palette (#FFF1F6, #CBA6FF, #DA9B60, #47A497, #3B222C)
- Dusty Cerulean color palette (#F7F3FF, #CEA1C2, #B4A568, #22A2BD, #453E52)
- Moss Veranda color palette (#F8F2FF, #C788AB, #739E58, #007E84, #382E42)
- Hushed Mint Alley color palette (#FFF0F8, #BEB2FF, #90C679, #6CAE95, #482F3C)
- Emerald Villa color palette (#F3DCF1, #D27778, #4DA039, #4175CB, #481B1D)
- Bronze Lagoon color palette (#ECF9EE, #A6C7B4, #A38C5F, #8C5D29, #264439)
- Timeworn Grove color palette (#F3F4FF, #E0D7E0, #EEB9AD, #8D97CD, #464461)
Browse the whole catalog at Explore, or see today's palette.