Amber Loft color palette — #ECF9F3 · #75BBE0 · #C27463 · #207774 · #314A2F

Caramel and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Sky (#75BBE0): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C27463): A luminous, balanced orange — the color of toasted spice.
• Teal (#207774): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#314A2F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

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

• Softworn Canyon color palette (#F1F7F0, #77C1B6, #C17180, #497647, #42433C)
• Ancient Quarry color palette (#F0F5FE, #B9CAFF, #C28A7C, #3F7959, #054238)
• Patina Amber color palette (#FEF1F8, #ABA9EC, #A88837, #307191, #1F4C3C)
• Dusty Lilac Terrace color palette (#F3F4FF, #A089D2, #9B5D58, #305E4D, #224854)
• Taupe Loft color palette (#E6FBF5, #F2CDDB, #C19B92, #7D8775, #4B5642)
• Ancient Fern Boulevard color palette (#F8F5EE, #D5D3B1, #6CAB8C, #917675, #554F00)
• Wisteria Thicket color palette (#FFF0F7, #D8B4EF, #CF80BB, #A6626E, #524B47)
• Linen Canyon color palette (#FFF0F9, #8A8CFF, #917300, #00635A, #003933)

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