Amber Archive color palette — #FFF2EA · #C36F40 · #116E84 · #22487C · #322C56

A conversation between Caramel and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Caramel (#C36F40): A luminous, balanced orange — the color of toasted spice.
• Teal (#116E84): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#22487C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#322C56): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Sunlit Driftwood Thicket color palette (#FFF2F0, #BA6D86, #00745F, #004C78, #272E5A)
• Softworn Amber color palette (#FEF3EA, #BE7341, #006F83, #5D3765, #4C2337)
• Amber Cabin color palette (#FEECF3, #BC7D43, #35744A, #00446D, #310E2C)
• Antique Ridge color palette (#FFF3E7, #D5955B, #439365, #1760A0, #572143)
• Hushed Studio color palette (#FFE1CE, #B64500, #00575C, #4B006E, #3C002E)
• Bronze Garden color palette (#EEDED1, #9D5100, #004F60, #5B0012, #2C1300)
• Driftwood Terrace color palette (#FFF2EF, #C0AE9B, #928C69, #785D65, #674651)
• Chalky Teal Terrace color palette (#FBF1FB, #FF9FA0, #00B6B8, #7B71B7, #37315B)

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