Amber Basin color palette — #ECF7FF · #70A7C9 · #C56F48 · #006D9C · #623420

Built around Coral Clay, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Blue Fog (#70A7C9): A luminous, dusty blue — the color of deep harbor water.
• Coral Clay (#C56F48): A luminous, balanced orange — the color of autumn markets.
• Peacock (#006D9C): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#623420): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Hushed Dune color palette (#F0F5FF, #9FAEDE, #BC8F54, #5A6CB7, #624722)
• Muted Peony color palette (#E5FAFF, #5FAFAC, #BE6A95, #007572, #5D3248)
• Peony Veranda color palette (#E4F7EF, #4FAFE0, #BF69B3, #006D97, #3F1A20)
• Washed Bronze color palette (#EDF6FF, #508FBF, #B66125, #925B00, #1D3B53)
• Frosted Courtyard color palette (#D3E7FF, #3584E6, #986300, #004B9B, #412800)
• Weathered Cocoa color palette (#EAFAEE, #85B39F, #817144, #6E4823, #23443E)
• Feathered Fuchsia Station color palette (#EDF7FF, #71C1F5, #DB80C7, #0089C7, #483B5C)
• Weathered Apricot Boulevard color palette (#E6FBF1, #85D8FF, #F6AA68, #3FACD8, #47413C)

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