Amber Cabin color palette — #FFF1F2 · #F8A18D · #DD7127 · #7F5500 · #3D2D00

Built around Coral Clay, softened by Melon — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#F8A18D): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#DD7127): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7F5500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D2D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber Cabin 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

• Tangerine Studio color palette (#FFE7E5, #E9763A, #925000, #3F2D00, #100E00)
• Amber Field color palette (#FFF2EC, #FBBA76, #B28700, #615E00, #293900)
• Washed Workshop color palette (#FFF3E8, #DEC397, #B77A49, #864134, #2A2004)
• Pale Rose color palette (#FFF0F9, #FFA9C4, #D75D5A, #993000, #532700)
• Frosted Amber Balcony color palette (#F7D8CE, #FF9F73, #E97800, #B26603, #553713)
• Dusty Amber color palette (#FFF3E4, #FCCB8F, #BB8200, #634100, #180C00)
• Bronze Boulevard color palette (#FCE3D8, #B16900, #634E00, #282200, #020400)
• Softworn Market color palette (#FFF3E9, #F1AD83, #70A8FF, #B35700, #092652)

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