Muted Amber color palette — #E9F8FF · #63ACBD · #BF7257 · #007285 · #66311F

Caramel and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#63ACBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#BF7257): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#007285): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#66311F): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Airy Petrol Alley color palette (#EEF6FF, #73A3D8, #B67A46, #0067B7, #5E3814)
• Patina Study color palette (#E5FAFC, #65B199, #B1719D, #00775F, #5D3050)
• Antique Cerulean Market color palette (#CBE9FF, #0090C2, #996300, #005675, #412800)
• Muted Bronze color palette (#EBFAEA, #91B09C, #8D6B3E, #73442D, #25443A)
• Misty Harbor color palette (#E4F8EB, #37B5D0, #889800, #007184, #262B00)
• Aged Bronze Corridor color palette (#EDF7FF, #3B91C4, #AE606E, #965700, #1C3B52)
• Hushed Wisteria color palette (#EAF7FF, #68C6E4, #C888DC, #008EAF, #513759)
• Glacier Archive color palette (#E6FCED, #4CE1FE, #F9A686, #45AEC4, #603625)

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