Azure Basin color palette — #E5F7F0 · #5D9DC5 · #A5756A · #6E5C34 · #102820

Blue Fog and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5F7F0): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#5D9DC5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mocha (#A5756A): A luminous, dusty orange — the color of toasted spice.
• Coffee (#6E5C34): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#102820): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Softworn Iris Archive color palette (#F9EEF5, #9196D2, #975F69, #594B07, #192D13)
• Timeworn Ridge color palette (#FBEDF5, #908DC7, #9F7B50, #476842, #2E1C27)
• Antique Chestnut color palette (#F1F5FF, #888CB9, #987091, #7C5804, #363D4F)
• Worn Boulevard color palette (#EDF7FF, #7AB3D8, #C58A84, #90782F, #2F3F4C)
• Ancient Alley color palette (#F6EFF5, #DDD4D4, #BAADA4, #7182A8, #3A3439)
• Washed Petrol Ridge color palette (#EAF4F1, #98C9F4, #9D719C, #3F77A3, #211013)
• Misty Cornflower Canyon color palette (#FFEAFD, #3F87FF, #904100, #4D4D00, #03122F)
• Feathered Boulevard color palette (#F8E1EF, #6965CB, #895808, #245002, #1C0816)

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