Patina Amber color palette — #ECF9F2 · #7BBAD5 · #D38059 · #007EA2 · #524B47

A conversation between Coral Clay and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sky (#7BBAD5): A luminous, dusty blue — the color of open sky before noon.
• Coral Clay (#D38059): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#007EA2): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#524B47): a grounded near-black with real depth.

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

Use it as a design system

One click turns Patina 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

• Patina Thicket color palette (#E4F5FF, #6FBFE0, #C98C6A, #2F7C98, #402835)
• Wandering Powder Station color palette (#EBF9F2, #81D1F1, #E0A081, #4D97B4, #524C47)
• Weathered Cobalt color palette (#FDF1FB, #94AFEA, #A49C44, #5270B4, #4F4D46)
• Muted Amber Canyon color palette (#E7FBF1, #5AA2C4, #B8794B, #8A6C20, #33483F)
• Amber Meadow color palette (#F6F6EB, #9DBA8B, #D48054, #5D7E46, #524C47)
• Frosted Navy Hollow color palette (#FFF0FE, #63A3FF, #BC6400, #0049A1, #5A2D00)
• Tempered Denim Boulevard color palette (#FCF2FA, #D2BD98, #495C8D, #482E45, #2E2225)
• Weathered Studio color palette (#FFF1F6, #A992D1, #A19314, #6E46A4, #45423B)

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